用bootstrap搭了一个简单网页,一直在chrome下测试的,偶然发现ie<=8的时候运行就呵呵了。
经过测试,我的不兼容是两个CSS中的问题引起的
- ie8以下版本不支持子元素选择器(大于号)
- ie8以下版本不支持@media判断
解决方法是,写一个针对ie8以下的css,只需要覆盖掉不支持的那些特性就可以了(比如子元素选择器改成后代选择器)。在html页面中用ie版本判断语句
<!--[if lt IE 9]>
<link href="css/ie.css" rel="stylesheet">
<![endif]-->
指向这个css(注意因为只是覆盖原有css,所以把这段语句放在后面)。
当然在ie上的效果肯定挫了很多。