rem布局开发

px,em,rem之争

px：50px

em:相对单位，相对于父元素的字体大小单位，父元素字体大小为16px，1em=16px

rem：相对单位，相对于根元素（html）的字体大小，div width：10rem； 相对于html字体大小十倍的大小

rem,永远是相对于根元素，
em是相对于父元素，如父元素2em，则需要再往上查找

1.rem布局

rem----是等比例缩放布局

        html{
            font-size: 100px;
        }
rem的大小是以html的faont-size为基准
        body{
            font-size: 16px;
          /* 为了防止字体大小受到html影响，再设置body的字体大小为16px */
        }
<script>
        //font-size 计算
        document.documentElement.style.fontSize=document.documentElement.clientWidth/750*100+'px'
        // 新设备比原来大多少倍就会自动设置html的font-size大多少倍，750*100+'px'是现在设备的大小设置
                //fontsiz=当前设备的布局宽度/物理分辨率（设计稿宽度）*基准font-size，不需要自己除以2
    </script>
​
750*100+‘px’
750是当前页面的大小，100是html设定的大小

可以把html就设置为16px&#x