移动端适配

1.移动端视口标签

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

标签中 name="viewport" 表示：视口标签属性

content是规则属性：其中规则意思如下

        width=device-width ：表示宽度是设备屏幕的宽度 

        initial-scale=1.0：表示初始的缩放比例

        minimum-scale=1.0：表示最小的缩放比例

        maximum-scale=1.0：表示最大的缩放比例

        user-scalable=no：表示用户是否可以调整缩放比例

2.移动端常用单位：px / % / em /rem / vw / vh* /

        1.px:像素单位

        2.%:百分比布局单位

        3.em:

                1em = 1 * font-size,
                5em = 5 * font-size
                如果自身有 font-size 的话以自身为准，如果自身 font-size 就是以 em 为单位或者没有 font-size 的话，就会从父容器继承。
                em 不经常使用，但是有时也会比较好用，如：字符缩进。