rem设置方法

设置页面的字体大小,基准值,所有的单位都是根据这个值进行计算的

页面设计时,宽度为370px时,可用下面的方法计算,或者是370的倍数,到时候rem记得除去倍数

如:1px = 0.01rem


@media screen and (min-width: 320px) {
    html {
        font-size: 85.333333px;
    }
}
@media screen and (min-width: 360px) {
    html {
        font-size: 96px;
    }
}
 @media screen and (min-width: 375px) {
    html {
        font-size: 100px;
    }
}
@media screen and (min-width: 400px) {
    html {
        font-size: 106.666667px;
    }
}
@media screen and (min-width: 440px) {
    html {
        font-size: 117.333333px;
    }
}
@media screen and (min-width: 480px) {
    html {
        font-size: 128px;
    }
}
@media screen and (min-width: 640px) {
    html {
        font-size: 170.666667px;
    }
}
html {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-size: calc(100vw/3.75);
   -moz-font-size: calc(100vw/3.75);
        font-size: calc(100vw/3.75);
}
?浏览器touch兼容方法
上一篇:浏览器touch兼容方法
评论

如果我的文章对你有帮助,或许可以打赏一下呀!

支付宝
微信
QQ