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

Question

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

Answer 1

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