不用js代码直接用rem适配屏幕大小

最新推荐文章于 2023-02-21 10:51:27 发布

bingnan2347

最新推荐文章于 2023-02-21 10:51:27 发布

阅读量480

点赞数

分类专栏：适配样式文章标签：适配样式

本文链接：https://blog.csdn.net/bingnan2347/article/details/82703681

版权

适配样式专栏收录该内容

3 篇文章 0 订阅

订阅专栏

@CHARSET "UTF-8";
/***************************************设置html字体大小**************************/

@media ( max-width : 767px) {
    html{
        font-size: 50px;
    }
}
@media ( min-width : 768px ) and ( max-width : 1279px) {
    html{
        font-size: 60px;
    }
}
@media ( min-width : 1280px ) and ( max-width : 1439px) {
    html{
        font-size: 70px;
    }
}
@media ( min-width : 1440px ) and ( max-width : 1679px) {
    html{
        font-size: 80px;
    }
}
@media ( min-width : 1680px) and ( max-width : 1919px) {
    html{
        font-size: 90px;
    }
}
@media ( min-width : 1920px) {
    html{
        font-size: 100px;
    }
}

新建css文件加入即可