1 <meta name="viewport" content="width=device-width,initial-scale=1" />
2 <!--由于移动设备的屏幕很小，在第一次打开网页时，有些浏览器可能不会按照响应式布局进行展示，而是按照原来页面的大小，用户可以通过滑动，或者缩放来调整页面位置，大小，这样我们的响应式开发就没有用处，加上这就话就是，页面加载后宽度和物理设备的宽度一致，并且无缩放-->
3 <meta http-equiv="X-UA-Compatible" content="IE=edge">
4 <!--由于IE浏览器并不能很好的支持bt，所以这就话的意思是告诉IE浏览器，用最新的渲染方式加载页面-->
1 <!--bootstrap模板为使IE6、7、8版本（IE9以下版本）浏览器兼容html5新增的标签，引入下面代码文件即可。-->
2 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
3 <!--同理为使IE6、7、8版本浏览器兼容css3样式，引入下面代码：-->
4 <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
5 <!--bt不支持IE的兼容模式-->
