html - 使用媒体查询的最小宽度 em

Question

我正在学习如何使用 EM 处理 CSS。 (我习惯了一直用px)

我看到了下面的媒体查询

@media screen and (min-width: 50em){

}

我只是想知道 50em 与什么有关？

当我阅读有关 EM 的内容时，它指定 Em 是相对于元素的字体大小(2em 表示当前字体大小的 2 倍)

但是有了 min-width 就没有字体大小了？？我在这里有点困惑.. 任何帮助将不胜感激。

Answer 1

在这种情况下，50em 引用基本字体大小，即(对于大多数浏览器)16px。它可以由用户在浏览器中预定义的首选项进行配置。

有些浏览器会将根 html 元素(rem 所基于的)设置为 16px 或基本字体的百分比尺寸如上定义。