移动端网站的学习总结

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而言的;

 

 

原文地址:https://www.cnblogs.com/cainiaoz/p/4091309.html