css单位和viewport

css单位

 em 相对单位，他是父级font-size的倍数

            可以理解为 子级设置长度单位或者尺寸的时候，可以使用em作为单位，1em = 父级的font-size，如果当前元素设置了font-size，则1em = 当前元素的font-size

        rem 相对单位，在html标签上设置一个font-size 作为整个页面的root ，在设置所有标签尺寸的时候，可以直接以html设置的字号大小为根字号，即为 1rem

        rem常用于移动端开发

        vh/vw ： vh指的是 view-height 视窗的高度

                 1vh = 视窗的高度 * 1%

                 vw指的是 view-width 视窗的宽度

                 1vw = 视窗的宽度 * 1%

       

        css的最大最小属性：

            min-height：最小高度

            max-height：最大高度

            min-width：最小宽度

            max-width：最大宽度

viewport-视窗

        用户通过视窗可以看到浏览器渲染的内容

        常用于 移动端的布局

        通过 meta标签设置

        <meta name="viewport" content="width= , initial-scale=0.5">

        width：值是正整数，定义视窗的宽度，单位是px，也可以设置他的值是 device-width，表示视窗的宽度为设备宽度

        height：值是正整数，定义视窗的高度，单位是px，也可以设置他的值是 height-width，表示视窗的高度为设备高度

        initial-scale: 范围是在[0.1],用来定义初始时候的缩放值

        mininum-scale：范围是在[0.1] 定义最小缩放比例，他的值必须小于或等于 initial-scale的值

        maxnum-scale：范围是在[0.1] 定义最大缩放比例， 他的值必须da于或等于 initial-scale的值

        user-scalable 设置用户是否能够手动缩放，他的值是 yes/no，默认是yes