码迷,mamicode.com
首页 > 其他好文 > 详细

响应式布局及bootstrap

时间:2016-10-07 20:19:41      阅读:93      评论:0      收藏:0      [点我收藏+]

标签:

bootstrap:移动端有限。没有ID选择器,就算有也是 通过class名称来的
容器 container ,row要放在容器container中,且一个网页只允许有一个container

禁止响应式布局:1,写一个宽度;2,去掉<meta·······>
.col-xs:禁用超小模式


所有JavaScript插件都依赖于jQuery

基本模板【移动端上写代码,都要写mate viewport】

定制Bootstrap

js放在body结束标签之前


HTML5文档类型<htmmml lang="ZH-CN">支持html5

写BOOTstrap中,支持IE写7个步骤,不支持IE5个步骤


不允许缩放,通过viewport meta标签添加user-scalable=no就可以禁止缩放

响应式图片:max-width:100%,满屏

<760px适用于手机端 .cols-xs-
>=768px适用于平板 最大宽度759 .col-sm-
>=992px中等屏幕桌面 最大宽度970 .col-md-
>=1200超大屏幕 最大宽度1170 .col-lg-(css前缀)

嵌套列
列排序(占位的方式可以做到)

响应式布局及bootstrap

标签:

原文地址:http://www.cnblogs.com/duanfuying/p/5936532.html

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