手机端使用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的显示,即可使用。

你可能感兴趣的:(css)