手机机型响应式设置1

不看一

已于 2023-09-20 11:29:30 修改

阅读量133

点赞数

分类专栏： html 文章标签： javascript 前端 html

于 2023-09-20 11:08:54 首次发布

本文链接：https://blog.csdn.net/qq_35960620/article/details/133070768

版权

html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

media-query，根据计算根据不同屏幕宽度设置根元素font-size

<style type="text/css">
@media only screen and (max-width: 374px) {
   // ipone5
   html {
     font-size: 86px
   }
}
@media only screen and (max-width: 375px) and (max-width: 413px) {
   // ipone6/7/8/x
   html {
     font-size: 100px
   }
}
@media only screen and (max-width: 414px) {
   // ipone6p或更大尺寸
   html {
     font-size: 110px
   }
}
</style>