多语言展示
当前在线:1792今日阅读:168今日分享:49

@media怎么进行兼容windows7和E8

目前市场自适应和响应式成为很多人关注的问题,@media成为较为常见的代码处理。但是在很多情况下IE兼容性会出现问题。本文从几方面介绍ie兼容问题。
方法/步骤
1

同样的代码在进行不同浏览器处理的时候,展现方式不同。如下图的两种状态,在firefox浏览器中显示是正常的。

2

在IE浏览器中,可以看到 菜单导航以及logo等都是乱码的。

3

查看源代码,可以看到本页面的html代码是正常的显示的。浏览器显示都一样。

4

点击查看css代码,可以看到本文是利用media进行的代码处理。

5

这就是media的不兼容性。增加一个js就可以兼容一下iE7和ie8等。具体js如下图。

6

添加JS后,在ie下重新浏览后,可以看到显示是正常的。

注意事项

具体js可以根据上图链&接,进行查看。

推荐信息