目前市场自适应和响应式成为很多人关注的问题,@media成为较为常见的代码处理。但是在很多情况下IE兼容性会出现问题。本文从几方面介绍ie兼容问题。
方法/步骤
1
同样的代码在进行不同浏览器处理的时候,展现方式不同。如下图的两种状态,在firefox浏览器中显示是正常的。
2
在IE浏览器中,可以看到 菜单导航以及logo等都是乱码的。
3
查看源代码,可以看到本页面的html代码是正常的显示的。浏览器显示都一样。
4
点击查看css代码,可以看到本文是利用media进行的代码处理。
5
这就是media的不兼容性。增加一个js就可以兼容一下iE7和ie8等。具体js如下图。
6
添加JS后,在ie下重新浏览后,可以看到显示是正常的。
注意事项
具体js可以根据上图链&接,进行查看。
上一篇:重金属废水回收设备特点