ie浏览器兼容响应式布局--respond.js

发表于2014-08-29 11:04  |  次阅读  |  0条评论  |   作者:admin

响应式布局在chrome、Firefox浏览器中兼容性很好,但在ie、360等浏览器中布局就乱了,其原因是不支持media query 中的max-width 和min-width。
解决方法:
一、可以通过https://github.com/scottjehl/Respond兼容  
在响应式布局页面引入respond.js
<!--[if lte IE ]>
    <script type="text/javascript" src="js/respond.min.js"></script>
<![endif]-->
缺点:
只实现了media query中最常用的min-width 、max-width的兼容
优点:大小只有4.48KB

二、css3-mediaqueries-js    官方网址:http://code.google.com/p/css3-mediaqueries-js/
基本实现了所有css3规范中的media query特性的兼容
 
本站关键字:sunny90 web开发 数据库 移动开发 服务器 Nginx Mysql PHP
Copyright © sunny90版权所有 power by sunny90.com  
湘ICP备14012284号-1,粤公网安备 44030602000307号