注意ie6的盒模型_html/css_WEB-ITnose
程序员文章站
2024-02-04 18:03:46
...
浏览器版本多了,也是一个累,特别是ie家族的。
网上搜罗了一大堆,发现说的和我看到的不一样啊,结果才发现原来是对方表述有问题,省略了几个字就产生了歧义了。
按照网上说的ie6对盒模型解释不符合W3C标准,其实应该是ie6在怪异模式(quirks mode)下对盒模型解释不符合W3C默认标准,而ie6在标准模式模式下对盒模型解释符合W3C默认标准。
这个就涉及到怎么触发ie的工作模式了,主要还是通过 doctype 定义的。下面截了个图可以看得很明白:
(Q:Quirks Mode,怪异模式;S:Standards Mode,标准模式;A:Almost Standards Mode,几乎标准模式)
感兴趣的朋友可以去这个网站看看(英文):https://hsivonen.fi/doctype/
这儿友情提示下:bootstrap V3 对一些元素(特别是涉及到布局的元素)设置了 box-sizing:border-box,即按照ie怪异模式解析盒模型,因为这种解析对布局很友好!可惜 box-sizing 不支持ie6,只有ie8+支持,所以如果要兼容ie6,要小心了。因为ie6在标准模式下对盒模型的解析符合W3C的标准,而bootstrap V3反而需要ie的怪异模式中对盒模型的解析!
推荐阅读
-
注意ie6的盒模型_html/css_WEB-ITnose
-
【IE6的疯狂之一】IE6中奇数宽高的BUG_html/css_WEB-ITnose
-
盒模型的组件和注意事项_html/css_WEB-ITnose
-
兼容IE6/IE7/IE8/FireFox的css hack_html/css_WEB-ITnose
-
在html元素中定义事件时,注意作用域链的不同_html/css_WEB-ITnose
-
这段代码在IE6下不正常,是IE6的bug么?_html/css_WEB-ITnose
-
IE6/7下空div占用空间的问题_html/css_WEB-ITnose
-
急求高手解决CSS中的png背景图在IE6中透明度的问题!_html/css_WEB-ITnose
-
为啥在IE6中,A标签中的文字不能垂直居中呢?_html/css_WEB-ITnose
-
请教ie6上的css问题_html/css_WEB-ITnose