rem介绍

Posted 2020-08-20 angelshelter

手机端开发，一般以320px宽为最低标题。市场上的手机，大多数是360px宽。

 

20px=1rem是最容易换算的，基本上可以口算，除以2并缩小十倍。1px/20=0.05rem。两位小数就可以除尽了。

结合媒体查询就是：

@media only screen and (min-width: 320px){
    html {
        font-size : 20px !important;
    }
}

 

当然了，你也可以选择js动态计算：

    var width = window.screen.width;
    document.getElementsByTagName("html")[0].style.fontSize = (width*0.0625) + "px";