Bootstrap 3浏览器兼容性问题和解决方案

Bootstrap是最流行的HTML移动浏览器兼容性问题，CSS和JS框架，用于开发响应式布局，移动优先的Web项目. -Bootstrap官方网站

Bootstrap来自Twitter，是目前最流行的前端框架. Bootstrap基于HTML，CSS，JavaScript，它既简单又灵活. 在开发过程中，我们只需要将相应的类添加到DOM元素中即可调用移动浏览器兼容性问题，从而使Web开发更快.

接下来，输入主题并讨论Bootstrap 3浏览器兼容性问题及其相应的解决方案:

1. 移动设备支持状态

2. PC支持状态

注意: Windows支持IE 8-11.

有关各种浏览器对Bootstrap 3的详细支持，请参阅.

如上所示，支持IE8. 但是，不支持许多CSS3属性和HTML5元素. 例如，Bootstrap的响应式布局是通过CSS3的Media Query函数实现的，该函数根据不同的分辨率匹配不同的样式. IE8浏览器不支持此出色的CSS3功能. Bootstrap在开发文档中明确指出IE8需要Respond.js的合作才能支持媒体查询. 根据官方文档，我在HTML文件的 标记的底部添加了以下代码:

 <!--[if lt IE 9]>
 　 <script src="https://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>
 <![endif]-->

注意: html5shiv.min.js文件适用于不（完全）支持html5来支持html5标签的浏览器；对于Internet Explorer 8，response.js文件用于支持媒体查询.

但是，在IE8浏览器中打开页面发现兼容性问题（凹坑，凹坑，凹坑）尚未解决. 通过查阅相关信息，作者总结了一些注意点（实现效果的关键）:

模板代码如下:

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/jisuanjixue/article-247293-1.html