ie浏览器不兼容css媒体查询的解决办法

标签：影响   viewport   显示   localhost   ons   文件路径   启动   无效   官方   

考虑到在不同分辨率下，网站页面依然能显示一致，除了通过js来控制，css媒体查询更为方便，而痛点在于ie8不支持。

我们可以通过respond.js库来解决，这个插件的原理很简单：

将head中所有外部引入的css文件路径取出来存储在一个数组中，遍历数组，并一个个发送AJAX请求，AJAX回调后，分析response中的media query的min-width和max-width语法，它仅仅支持min-width和max-width，分析出viewport变化区间对应相应的css块，页面初始化的时候和window.resize时，根据当前viewport使用相应的css块。

• 越早引入的respond.js，也就越可能避免ie下出现的闪屏；
• 不支持嵌套的媒体查询；
• utf-8格式的css文件对respond.js文件的运行有影响；
• 跨域会出现闪屏；

ie浏览器不兼容css媒体查询的解决办法

标签：影响   viewport   显示   localhost   ons   文件路径   启动   无效   官方   

原文地址：http://www.cnblogs.com/gufeibai/p/7568665.html