手机端使用rem自适应样式设置

html {
    font-size: 37.5px;
}

@media screen and (min-width:320px) {
    html {
        font-size: 32px;
    }
}

@media screen and (min-width:360px) {
    html {
        font-size: 36px;
    }
}

@media screen and (min-width:375px) {
    html {
        font-size: 37.5px;
    }
}

@media screen and (min-width:414px) {
    html {
        font-size: 41.4px;
    }
}

设置完成后,把设计图调节成rem的显示,即可使用。

发布了53 篇原创文章 · 获赞 88 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/qq_43702430/article/details/98176438