野花--flexible中强制设置网页最大宽度和最小宽度

因为flexible是使用的屏幕宽大来作为rem的计算值,因此我们在设计最大750px,以及最小320px的页面时,会出现页面会一直随屏幕变大而变大,大于750或者小于320

因此设置强制最大值和最小值:

@media screen and (min-width: 750px) {
  html {
    font-size: 75px !important;
  }
}

@media screen and (max-width: 320px) {
  html {
    font-size: 32px !important;
  }
}

在css中添加一个html中font-size样式,利用媒体查询,强制important设置

posted @ 2022-11-03 17:23  EricYJChung  阅读(275)  评论(0)    收藏  举报