美文网首页工作总结
手机端自适应 解决移动端页面放在pc 端 字体放大 、widt

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

作者: 轩轩小王子 | 来源:发表于2019-10-31 16:20 被阅读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;
    }
}

相关文章

网友评论

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

    本文链接:https://www.haomeiwen.com/subject/oxytbctx.html