Question

如果我将根元素的字体大小设置为：

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

我希望以下媒体查询能够在大于或等于1200px的任何屏幕上匹配

@media all and (min-width: 120em) {
     ...
}

相反，媒体查询中的1em仍被视为参考16px字体大小，丢弃根元素中的设置

媒体查询中的ems是否未按照设置为根元素的字体大小进行缩放？

Answer 1

em引用应用它的父元素。换句话说，如果你将div设置为10px并将p元素设置为1em，那么如果为此设置媒体查询，则p元素的字体大小将为10px。

媒体查询始终引用浏览器默认字体大小，通常为16px。