码迷,mamicode.com
首页 > 移动开发 > 详细

Bootstrap基于移动设备开发,需要在meta标签中写什么

时间:2015-08-02 16:42:54      阅读:124      评论:0      收藏:0      [点我收藏+]

标签:

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的兼容模式-->

 

 

 

Bootstrap基于移动设备开发,需要在meta标签中写什么

标签:

原文地址:http://www.cnblogs.com/chuisandeyun/p/4695803.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!