media媒体查询，移动端适配尺寸大全

原创于 2017-08-22 16:33:27 发布 · 3.6w 阅读

53 ·

CC 4.0 BY-SA版权

文章标签：

#移动

css 同时被 2 个专栏收录

1 篇文章

订阅专栏

移动端开发

1 篇文章

订阅专栏

本文介绍了一种响应式网页设计中根据不同屏幕宽度调整字体大小的方法。通过使用CSS媒体查询，针对不同设备屏幕尺寸设置了精确的字体大小，以确保良好的阅读体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

@media screen and(min-width: 320px)and(max-width: 359px){ html{ font-size: 12.8px; } } @media screen and(min-width: 360px)and(max-width: 374px){ html{ font-size: 14.4px; } } @media screen and(min-width: 375px)and(max-width: 385px){ html{ font-size: 15px; } } @media screen and(min-width: 386px)and(max-width: 392px) { html { font-size: 15.44px; } } @media screen and(min-width: 393px)and(max-width: 400px){ html{ font-size: 16px; } } @media screen and(min-width: 401px)and(max-width: 414px){ html{ font-size: 16.48px; } } @media screen and(min-width: 750px)and(max-width: 799px){ html{ font-size: 30.72px; } }