2

アプリケーションの UI をすべてのブラウザーで正しくレンダリングするのに数時間費やした人はいますか?

シンプルなスタイルが 1 つのブラウザーでは機能するが、他のブラウザーでは機能しない傾向がある場合、どのようにフラストレーションに対処すればよいでしょうか? そして結局、それを処理するためのハックを発明します (場合によっては、それも起こらないこともあります)。

すべてのブラウザが同じ標準に従うことができる日を待ちたいと思います.

4

8 に答える 8

6

私は Firefox でデザインしてから IE でテストしますが、その逆ではありません。FireFox はより厳密なので、そこで動作する場合は IE でも動作する可能性が高くなります。フラストレーションが少し減ります...

于 2008-11-26T12:45:37.697 に答える
4

強調しないでください。それは役に立たないことです。すべてのブラウザーが同じ基準に従っているとは誰も思わないでしょう。

私はこれに何を生き残るのですか？

開発には Linux で Firefox を使用しています。WebDev プラグインをインストールしました (https://addons.mozilla.org/es-ES/firefox/addon/60 ) を使用して、CSS の設計を容易にします。

Web アプリケーションが完成に近づいたら、IE6 と IE7 で試します (Linux で wine を使用)。次に、それぞれに新しいスタイルシートを作成し、IE 条件付きコメント (http://www.quirksmode.org/css/condcom.html ) 両方のブラウザーでデザインが OK になるまで、1 つずつ変更を加え始めます。

他のブラウザ (Opera、Safari、Galeon...) では、FF の下のデザインは問題なく動作します。

最後に、3 つの CSS があります。1 つは IE6 用、もう 1 つは IE7 用、もう 1 つは他のブラウザー用 (元の有効で正しいもの) です。

正しいCSSで何十ものハックを書くよりも良いアプローチであり、将来的にはより柔軟だと思います（IE8 ...）

于 2008-11-26T12:58:07.220 に答える
1

開発には常に Safari と Firefox を使用しており、変更が必要な場合は Opera を使用することもあります。しかし、私はいつも -いつも！IE に対してすべての変更を確認します。それらの 3 つすべて - IE6、7、および 8。これにはIETesterを使用します。

作業が完了して初めて IE を開くよりも、これらの厄介なバグをすぐに見つけた方が、人生はずっと良くなります。その場合、後戻りして、どこで問題が発生したかを正確に把握することはほとんど不可能です。

私は、IE ごとに個別の CSS (場合によっては JavaScript) を供給する条件付きコメントを使用しています。はい、IE8 でもあります。まだ十分ではありません。ところで、たとえ Firefox/WebKit でうまくいったとしても、Opera が動くことをやみくもに期待しないでください。

したがって、決して IE でデザインしないでください。そして、Firefox 用のFirebug を入手してください。これは、これまで Web 開発者向けに作られた最高のプラグインです。

于 2009-05-21T17:21:41.503 に答える
1

まず、Yahoo のリセット/ベースCSS ファイル (小さい) から始めます。初日からブラウザ間でスタイルの一貫性が保たれます。その後、カスタム スタイルを追加すると、通常、すべてのブラウザで好評を博し、一貫性が保たれます。

もちろん、あれこれのハックが必要になることもあります。

于 2009-05-21T17:24:59.923 に答える
1

磁器製品（それほど高価ではない）を買いだめし、ワークステーションから手の届くところに保管することをお勧めします.

于 2008-11-26T12:45:37.090 に答える
1

今日では、標準モードでコーディングでき、IE5 に比べてほとんどない IE6 の欠点について心配するだけで済みます。確かに、IE7 がベースラインになったとき、私たちは皆喜ぶでしょうが、昨日と比べると、オーサリングは簡単です。ボックスモデルのハッキングはもうありません...

贅沢。私の日は、余白の -30px で起きて、裸のテキスト エディターで < layer> をきれいにし、1 日 20 時間かけてサーバー ログを IE3 のスニッフィングに費やし、それから家に帰ると、私たちのボックスに — 私は「ボックス」と言います。それは < table> がさらに 3 つの < table> 内にネストされているようなものでした — 私たち Netscape 4 はクラッシュしてページを殺し、スクリプト int に送られます。

そして、あなたはそれを今日の Web デザイナーに伝えようとしますが、彼らはあなたを信じません。

于 2008-11-26T13:11:15.010 に答える
0

あなたはそれを受け入れ、そこから学び、数年の練習でいつ何をすべきかを知っています.

IE を除くすべての最新のブラウザーは、最も風変わりなブラウザーを除いて、ほとんど見栄えがしません。したがって、物事を単純にしてください。firebug を使用して、firefox に対して繰り返しビルドします。オブジェクトを適切に概念化し、標準に固執します。準備ができたら、IE を修正するために必要なハックを行います。IE から後退しないでください。

99% の確率で、ボックス モデルとフロートの問題を考慮して IE のみを修正できるはずです。テーブルに戻るという間違いを犯さないでください。

CSS はまさに禅です。

于 2008-11-26T12:50:15.100 に答える
0

www.quirksmode.orgにアクセスしてください。いつも役に立ちます。

于 2008-11-26T14:21:43.307 に答える