本文探讨了在使用Bootstrap制作的前台页面中，遇到IE9浏览器兼容性问题时，通过设置<meta>标签来解决页面布局混乱的方法。重点介绍了如何在HTML头部引入X-UA-Compatible元标签和HTML5Shim及Respond.js脚本来增强IE浏览器的兼容性。
用Bootstrap做了前台页面，后来发现在IE9下，很多页面都乱了。记得上bootstrap官网说是支持IE9的，上百度查了好半天，发现了几个方法，其中一个立竿见影地奏效了：
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
如果是兼容ie9以下：
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
扫一扫
9489
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
