工作总结

手机端自适应 解决移动端页面放在pc 端 字体放大 、widt

2019-10-31  本文已影响0人  轩轩小王子
/*手机端最小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;
    }
}
上一篇 下一篇

猜你喜欢

热点阅读