手机端媒体查询自适应实例，个人使用模板

最新推荐文章于 2023-04-26 15:18:11 发布

Where-to-go

最新推荐文章于 2023-04-26 15:18:11 发布

阅读量475

点赞数

分类专栏：移动端开发 CSS3 媒体查询文章标签： css3

本文链接：https://blog.youkuaiyun.com/weixin_45523183/article/details/106792186

版权

移动端开发同时被 3 个专栏收录

2 篇文章

订阅专栏

CSS3

2 篇文章

订阅专栏

媒体查询

1 篇文章

订阅专栏

媒体查询实例

@media screen and (min-width: 320px) {
  html{
    font-size: 21.33px;
  }
}
@media screen and (min-width: 360px) {
  html{
    font-size: 24px;
  }
}
@media screen and (min-width: 375px) {
  html{
    font-size: 25px;
  }
}
@media screen and (min-width: 410px) {
  html{
    font-size: 27.33px;
  }
}
@media screen and (min-width: 450px) {
  html{
    font-size: 30px;
  }
}
@media screen and (min-width: 525px) {
  html{
    font-size: 35px;
  }
}
@media screen and (min-width: 600px) {
  html{
    font-size: 40px;
  }
}
@media screen and (min-width: 675px) {
  html{
    font-size: 45px;
  }
}
@media screen and (min-width: 750px) {
  html{
    font-size: 50px;
  }
}