ホームページ >ウェブフロントエンド >htmlチュートリアル >ie6_html/css_WEB-ITnoseのボックスモデルに注目

ie6_html/css_WEB-ITnoseのボックスモデルに注目

WBOY
WBOYオリジナル
2016-06-24 11:53:241046ブラウズ

ブラウザのバージョンが多すぎて、特に 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 の奇妙なモードでのボックス モデルの解析が必要なためです。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。