前端开发IE8问题

从项目中发现问题并解决，同时将问题和解决方法记录下来，既能方便以后查询，也能让需要的朋友参考。

1.IE8下div嵌套时，外层div宽度不随内层div宽度改变的问题

<div id=”a1″>

       <div id=”b1″></div>

        <div id=”b2″></div>

</div>

当b1和b2都是float=left时候，a1层的宽度不会被b1和b2的宽度撑开。(这个现象只有IE8发生，其他版本IE以及IE8选择兼容模式后就没有问题。)

解决方法：设置a1.width为100%

补充：其实不只是div，li也一样，只要是内层元素是左浮动并且外层没有设置width就会出现这种情况。

2.IE8不支持CSS3，所以media queries不能识别，即响应式的方式无效

如@media all and (min-width:960px) and (max-width:1200px){}   IE9+能够正确响应，IE8及以下无效。