使用媒体查询修改body和html标签的字体大小

时间:2018-08-09 01:44:07

标签: css

我想澄清一个疑问。无论分辨率如何,我都无法修改 body html 标签的 font-size 。我正在尝试使用 rem 更改页面的文字(我知道此度量基于 html body 标签,我(不确定)。如果我使用 rem ,则只需修改上述标记中 font-size 的大小,这样我的内容就会改变大小。我是对的?或最佳做法是什么?非常感谢。

html, body{
 font-size: 12px;
}

@media (min-width: 576px) { 
  html, body{
    font-size: 12px;
  }

}

@media (min-width: 768px) { 

 html, body{
    font-size: 13px;
  }
}

@media (min-width: 992px) { 
  html, body{
    font-size: 14px !important;
  }
 }

@media (min-width: 1200px) {

  html, body{
    font-size: 15px !important;
  }
 }

https://jsfiddle.net/a0s4qt8w/

1 个答案:

答案 0 :(得分:1)

这是正确的,但是您只需要修改<html>的字体大小即可使rem单元按需要工作。修改<body>会使事情复杂化。