简洁高效的rem适配方案flexible.js
手机淘宝团队出的简洁高效的移动端适配库
我们再也不用写不同屏幕的媒体查询,因为js里做了处理
它的原理是把当前的设备划分成10分,但是不同设备下...bootstrap提供了一套响应式,移动设备优先的流式栅格系统,随着屏幕或视口的尺寸的增加,系统会自动最多分为12列....行(row)必须放到container布局容器里面
我们实现列的平均划分,需要给列添加类前缀
xs-extra small:超小; sm-small: 小; md-medium:中等; lg-large...,以便划分不同份数,例如: class="col-md-4 col-sm-6"
比如我们现在在大屏幕尺寸设备下,想要一个页面中有4个盒子,且排成一排,那么这是就需要将每个盒子对应所占的列数写出来...:
当然,是要在大屏幕设备下才有这个效果,如果将屏幕缩小,四个盒子就会掉下去.