我想澄清一个疑问。无论分辨率如何,我都无法修改 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;
}
}
答案 0 :(得分:1)
这是正确的,但是您只需要修改<html>
的字体大小即可使rem单元按需要工作。修改<body>
会使事情复杂化。