手机端自适应 解决移动端页面放在pc 端 字体放大 、width 100% 问题

/*手机端最小320px*/
@media (max-width: 320px){  
    html{
        font-size: 42.6px;
    }
}
/* 320 ---375 */
@media(min-width:321px) and (max-width:375px){ 
    html{
        font-size:50px;
    }
}
/* 375 ---414 */
@media(min-width:376px) and (max-width:414px){
    html{
        font-size:55.2px;
    }
}
@media (min-width: 414px){
    html{
        font-size: 55.2px;
    }
}

你可能感兴趣的:(手机端自适应 解决移动端页面放在pc 端 字体放大 、width 100% 问题)