ホームページ > 記事 > ウェブフロントエンド > ie6_html/css_WEB-ITnoseのボックスモデルに注目
ブラウザのバージョンが多すぎて、特に IE ファミリーのものは面倒です。
ネットで色々調べてみると、言っている事と私が見た事が違っていたり、相手の表現に問題があったり、言葉が少し省略されたりして曖昧なことが分かりました。
オンラインで言われていることによると、ie6 のボックス モデルの解釈は W3C 標準に準拠していません。実際、ie6 の quirks モードでのボックス モデルの解釈は W3C のデフォルト標準に準拠していないはずですが、標準の ie6 のボックス モデルの解釈は W3C のデフォルト標準に準拠していないはずです。モード W3C のデフォルト標準に準拠します。
これには、主に doctype を通じて定義される IE の作業モードをトリガーする方法が含まれます。以下のスクリーンショットでそれをはっきりと見ることができます:
(Q: 個性モード、奇妙なモード; S: 標準モード、標準モード; A: ほぼ標準モード、ほぼ標準モード)
興味のある友達は行くことができますこの Web サイト (英語): https://hsivonen.fi/doctype/
フレンドリーなリマインダー: bootstrap V3 は、一部の要素 (特にレイアウトに関連する要素) に対して box-sizing: border-box を設定します。つまり、解析します。この解析はレイアウトに非常に適しているため、ie ストレンジ モードに従ったボックス モデル。残念ながらbox-sizing は ie6 をサポートしておらず、ie8+ のみをサポートしているため、ie6 と互換性を持たせたい場合は注意してください。 IE6 の標準モードでのボックス モデルの解析は W3C 標準に準拠していますが、ブートストラップ V3 では IE の奇妙なモードでのボックス モデルの解析が必要なためです。