IE8 と Firefox3 のボックス モデルの主な違いは何ですか?
彼らは今同じですか?
これら 2 つのブラウザのその他の主な違いは何ですか? Web 開発者は、これらの 2 つのブラウザーが最新の Web 標準をサポートしている (ように見える) ため、同じであると想定できますか?
IE8 と Firefox3 のボックス モデルの主な違いは何ですか?
彼らは今同じですか?
これら 2 つのブラウザのその他の主な違いは何ですか? Web 開発者は、これらの 2 つのブラウザーが最新の Web 標準をサポートしている (ように見える) ため、同じであると想定できますか?
ページが標準準拠モードである限り、Internet Explorer ボックス モデルは Internet Explorer 6 以降「固定」されています。
参照: Quirks モードとInternet Explorer ボックス モデルのバグ。
IE がデフォルトで「quirks モード」で実行されるため、Doctype 宣言について IE を適切に動作させることは本当に苦痛でした。したがって、標準モードの doctype を使用すると、最も厄介な CSS の問題がすべて解消されます。
どのブラウザーでもページがまったく同じようにレンダリングされるとは決して思いません。常にテストしてください。
それらは標準をサポートしていますが、異なるブラウザーや異なるバージョンの間にも多くのバリエーションがあります. FF1 は FF2 とは異なる方法でレンダリングされ、FF2 は FF3 とは異なる方法でレンダリングされます。
また、各ブラウザには独自の JavaScript エンジンがあることも覚えておく必要があります。これにより、いくつかのスクリプトが機能し、他のスクリプトが失敗します。
もちろん、複数のブラウザーをサポートするために開発された CSS および JavaScript フレームワークを使用することで、これらの違いを減らすことができます。
ただし、すべてのブラウザでテストする必要があります。見た目や動作が正しくないものは常に存在します。
この 2 つ (および他のブラウザー) で常に異なる点は、既定値 (見出しのフォント サイズなど) です。箇条書きのインデントを実現するためにパディングやマージンを使用するかどうかなど、デフォルトのビジュアルを実現する方法も異なることがよくあります。
私が気付いた非常に肯定的なことは、IE8 がmargin: 0 auto
、それぞれの親で水平方向に中央揃えするブロック要素の IE の処理を最終的に修正したことです。