<style>
@media screen and(min-width: 1024px){
body{font-size: 18px}
} /*>=1024的设备*/
@media screen and(min-width: 1100px) {
body{font-size: 20px}
}
@media screen and(min-width: 1280px) {
body{font-size: 22px;}
}
@media screen and(min-width: 1366px) {
body{font-size: 24px;}
}
@media screen and(min-width: 1440px) {
body{font-size: 26px }
}
@media screen and(min-width: 1680px) {
body{font-size: 28px;}
}
@media screen and(min-width: 1920px) {
body{font-size: 30px;}
}
/* min-width:尺寸从小到大 max-width:尺寸大小从大到小 */
</style>
媒体查询相应不同电脑屏幕(pc端断点设置)
最新推荐文章于 2022-11-22 16:33:36 发布