屏幕适配

最新推荐文章于 2024-06-04 14:57:25 发布

深林小寺

最新推荐文章于 2024-06-04 14:57:25 发布

阅读量84

点赞数

分类专栏：移动端

本文链接：https://blog.csdn.net/cuiwenlin/article/details/88819733

版权

移动端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

//此为750px的UI图，分为25份
@media screen and (min-width: 320px) {
    html{
        font-size:320/25px;
    }
}
@media screen and (min-width: 360px) {
    html{
        font-size:360/25px;
    }
}
@media screen and (min-width: 375px) {
    html{
        font-size:375/25px;
    }
}
@media screen and (min-width: 400px) {
    html{
        font-size:400/25px;
    }
}
@media screen and (min-width: 414px) {
    html{
        font-size:414/25px;
    }
}
@media screen and (min-width: 440px) {
    html{
        font-size:440/25px;
    }
}
@media screen and (min-width: 414px) {
    html{
        font-size:414/25px;
    }
}
@media screen and (min-width: 480px) {
    html{
        font-size:480/25px;
    }
}
@media screen and (min-width: 520px) {
    html{
        font-size:520/25px;
    }
}
@media screen and (min-width: 560px) {
    html{
        font-size:560/25px;
    }
}
@media screen and (min-width: 600px) {
    html{
        font-size:600/25px;
    }
}
@media screen and (min-width: 640px) {
    html{
        font-size:640/25px;
    }
}
@media screen and (min-width: 680px) {
    html{
        font-size:680/25px;
    }
}
@media screen and (min-width: 720px) {
    html{
        font-size:720/25px;
    }
}
@media screen and (min-width: 760px) {
    html{
        font-size:760/25px;
    }
}
@media screen and (min-width: 800px) {
    html{
        font-size:800/25px;
    }
}
@media screen and (min-width: 960px) {
    html{
        font-size:960/25px;
    }
}