-
移动web前端meta的基础设置：
<!-- 设置移动端视图 --> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 上面的设置表示：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面。 -
单位rem：使用 rem 作为单位时，rem 和 px 之间的转换比取决于页根元素（
<html></html>）的字体大小，简单来说：1rem = 根元素的字体大小。 -
单位em：
1.子元素字体大小：0.7em 这里的 1em 和 父元素的字体大小相同，为20px，故而子元素的字体大小为0.7 * 20px = 14px； 2.子元素的宽度：10em 这里的 1em 和 子元素的字体大小相同，为14px，故而子元素的宽度为10 * 14px = 140px； -
单位vw/vh
- 1 vw = 1/100 视口宽度；
- 1 vh = 1/100 视口高度；