改变字体大小的媒体查询代码封装

最新推荐文章于 2023-11-29 16:40:15 发布

weixin_33873846

最新推荐文章于 2023-11-29 16:40:15 发布

阅读量533

点赞数

本文深入探讨了CSS媒体查询的应用，详细解析了不同屏幕尺寸下的字体大小调整策略，为响应式网页设计提供了实用指南。

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

 1  <style>
 2         @media screen and (min-width:760px){/* 当大于760的时候 */
 3             body{font-size:12px;}
 4             body a{font-size:12px;}
 5         }
 6         @media screen and (max-width:320px){/* 当小于320的时候 */
 7             body{font-size:12px;}
 8             body a{font-size:12px;}
 9 
10         }
11         @media screen and (min-width:1000px){/* 当大于1000的时候 */
12             body{font-size:12px;}
13             body a{font-size:12px;}
14 
15         }
16     </style>