简洁高效的rem适配方案flexible.js
手机淘宝团队出的简洁高效的移动端适配库
我们再也不用写不同屏幕的媒体查询,因为js里做了处理
它的原理是把当前的设备划分成10分,但是不同设备下...原理就是在不同屏幕下,通过媒体查询来改变这个容器布局的大小,再改变里面子元素的排列方式和大小,从而实现不同屏幕下,看到不同的页面布局和样式变化....,所以我们只考虑使用它的样式库.控制引入权在框架本身,使用者要按照框架所规定的规范进行开发.
bootstrap使用四部曲:
1.创建文件夹 2.创建html骨架结构 3.引入相关样式文件 4.书写内容...bootstrap提供了一套响应式,移动设备优先的流式栅格系统,随着屏幕或视口的尺寸的增加,系统会自动最多分为12列....-4">右侧
看看效果如何:
当然一个盒子在中间居中也可以
列排序
通过使用.col-md-push-* 和 .col-md-pull-* 就可以很容易的改变列的顺序