Html CSS：对响应视图使用rem字体大小

我听说，

rem

font size最适合于响应视图。因为

rem

字体基于html标记。这仅仅是因为在媒体查询中需要引用的位置更少吗？基本上，您只需在媒体查询中更改

html

font size，所有

rem

引用都会根据新的

html

font size？…进行调整。。。或者这是人们在发表回应性意见时更喜欢使用它们的完全错误的原因吗

例如：

html {
   font-size: 14px;
}

div {
   font-size: 1rem; // equal to 14px;
}

@media only screen and (max-width: 768px) {
    html {
       font-size: 12px;   // so now all `div` would be worth 12px but i don't 
                          // have to manually change `div` font-sizes now
    }
}

也许这会有帮助：也许这会有帮助：