最近想学移动端web页面布局,对一些flex了解一些,但是网上实际理论比较多,找不到一些项目实战的教程,请教一下该怎么学移动端页面布局,有没一些比较好的flex页面布局demo?
听说过rem,实际还搞不明白它和flex有什么区别。
PHP中文网2017-04-11 12:05:33
rem:假设html根元素的font-size(fz)设置为10px。那么1rem=10px,当根元素的fz为20px的时候,1rem=20px。所以可以根据屏幕的大小不同来设置根元素的fz,来实现自适应的效果。你只需要把一个屏(例如iPhone6)的样式写好,把px按比例换成rem,再引入一个动态设置根元素fz属性的Js,就好了。可以搜一下lib-flexible。至于flex布局,可以去看阮一峰的博客。上面有语法和例子。沉下心来,把例子敲一下,很快你就会爱上flex的。