移动端网站的学习总结

1.viewport定义的解析

1. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" >

（1）强制让文档与设备的宽度保持1：1；

（2）文档最大的宽度比列是1.0（initial-scale初始刻度值和maximum-scale最大刻度值）；

（3）user-scalable定义是否可缩放（0为不缩放），使页面固定设备上面的大小。

2.flexbox页面布局（多栏式布局）

详见：css3中webkit-box的用法（平分父元素）

3.字体大小问题

常用的字体单位rem，是相对于html而言的；