移动端rem自适应屏幕两种方案

css:

@charset "utf-8";
/*12px===0.6rem   设计图字体大小/20=开发字体大小+rem*/
html {
    font-size: 107%; -webkit-text-size-adjust:none; text-size-adjust:none;
}
@media only screen and ( min-width: 320px) {
    html {
        font-size: 107%!important;
    }
}
@media only screen and ( min-width: 360px) {
    html {
        font-size: 120%!important;
    }
}
@media only screen and ( min-width: 375px) {
    html {
        font-size: 125%!important;
        
    }
}
@media only screen and ( min-width: 414px) {
    html {
        font-size: 138%!important;
    }
}@charset "utf-8";
/*12px===0.6rem   设