最近想学移动端web页面布局，对一些flex了解一些，但是网上实际理论比较多，找不到一些项目实战的教程，请教一下该怎么学移动端页面布局，有没一些比较好的flex页面布局demo？听说过rem，实际还搞不明白它和flex有什么区别。
走同样的路，发现不同的人生
rem:假设html根元素的font-size(fz)设置为10px。那么1rem=10px，当根元素的fz为20px的时候，1rem=20px。所以可以根据屏幕的大小不同来设置根元素的fz，来实现自适应的效果。你只需要把一个屏(例如iPhone6)的样式写好，把px按比例换成rem，再引入一个动态设置根元素fz属性的Js，就好了。可以搜一下lib-flexible。至于flex布局，可以去看阮一峰的博客。上面有语法和例子。沉下心来，把例子敲一下，很快你就会爱上flex的。
建议先选型一个移动端UI框架，比如bootstrap或amazeui等，先用熟悉，然后看它源码，看它实现方式，看他思路，你会发现能学到好多东西
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
rem:假设html根元素的font-size(fz)设置为10px。那么1rem=10px，当根元素的fz为20px的时候，1rem=20px。所以可以根据屏幕的大小不同来设置根元素的fz，来实现自适应的效果。你只需要把一个屏(例如iPhone6)的样式写好，把px按比例换成rem，再引入一个动态设置根元素fz属性的Js，就好了。可以搜一下lib-flexible。至于flex布局，可以去看阮一峰的博客。上面有语法和例子。沉下心来，把例子敲一下，很快你就会爱上flex的。
建议先选型一个移动端UI框架，比如bootstrap或amazeui等，先用熟悉，然后看它源码，看它实现方式，看他思路，你会发现能学到好多东西