Flexible 应用

Flexibl.jscss

为咱们作了一项工做,媒体查询工做,节约了许多操做node

举个例子,移动端的页面设计稿是750px,咱们本身换算rem单位,好比我想把屏幕划分为15等份,我就750/15=50,而后用全部的像素单位除以50,换算获得的就是rem单位。less

可是css不能计算,因此咱们使用可编译的less或者scss进行定义变量和计算。Hbuilder x的less编译环境须要安装,在node.js的环境下安装各类编译插件布局

 

刚接触rem和移动端制做,有些吃力,最经常使用的flex弹性盒子和rem布局,流式布局貌似不能知足某些需求,而且ipad能够不考虑在移动端内。flex

Flexibl.js把屏幕划分为10等份,设计稿在750px的状况下,那么全部像素就得除75来换算remui

相关文章
相关标签/搜索