前端CSS @media 媒体查询PC端

最新推荐文章于 2024-02-05 11:29:53 发布

MrHao_

最新推荐文章于 2024-02-05 11:29:53 发布

阅读量2.1k

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/MrHao_/article/details/108007093

版权

css 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

前端CSS @media 媒体查询PC端

注意and后面跟一个空格

@media screen and (min-width: 1024px){
body{font-size: 12px}
} /*>=1024的设备屏幕*/
 
@media screen and (min-width: 1100px) {
body{font-size: 14px}
} /*>=1100的设备屏幕*/
@media (min-width: 1280px) {
body{font-size: 18px;}
} /*>=1280的设备屏幕*/
 
@media screen and (min-width: 1366px) {
body{font-size: 20px;}
} /*>=1366的设备屏幕*/ 
 
@media screen and (min-width: 1440px) {
body{font-size: 24px !important;}
} /*>=1440的设备屏幕*/ 
 
@media screen and (min-width: 1680px) {
body{font-size: 26px;}
}  /*>=1680的设备屏幕*/ 
@media screen and (min-width: 1920px) {
body{font-size: 30px;}
}  /*>=1920的设备屏幕*/