首页 > 移动端web页面布局该怎么学

移动端web页面布局该怎么学

最近想学移动端web页面布局,对一些flex了解一些,但是网上实际理论比较多,找不到一些项目实战的教程,请教一下该怎么学移动端页面布局,有没一些比较好的flex页面布局demo?
听说过rem,实际还搞不明白它和flex有什么区别。


建议先选型一个移动端UI框架,比如bootstrap或amazeui等,先用熟悉,然后看它源码,看它实现方式,看他思路,你会发现能学到好多东西


rem:假设html根元素的font-size(fz)设置为10px。那么1rem=10px,当根元素的fz为20px的时候,1rem=20px。所以可以根据屏幕的大小不同来设置根元素的fz,来实现自适应的效果。你只需要把一个屏(例如iPhone6)的样式写好,把px按比例换成rem,再引入一个动态设置根元素fz属性的Js,就好了。可以搜一下lib-flexible。至于flex布局,可以去看阮一峰的博客。上面有语法和例子。沉下心来,把例子敲一下,很快你就会爱上flex的。

【热门文章】
【热门文章】