使用js和css方式,让IE8,IE9支持部分css3,html5

Respond.js 是一个快速、轻量的 polyfill,用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width 特性,实现响应式网页设计(Responsive Web Design)。

项目主页:
https://github.com/scottjehl/Respond  
 
让IE 6~8 支持html5

html5shiv.js  针对IE浏览器比较好的解决方案是html5shiv。html5shiv主要解决HTML5提出的新的元素不被IE6-8识别,这些新元素不能作为父节点包裹子元素,并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。

项目主页:
https://github.com/aFarkas/html5shiv  


一般这2个js只在针对ie浏览器来使用

使用方法

    <!--[if lt IE 9]>
        <script src="js/html5shiv.js"></script>
        <script src="js/respond.min.js"></script>
        <![endif]-->

html header里添加上这一句就可以了!

猜你喜欢

转载自blog.csdn.net/qilin001cs/article/details/79108244