我正在学习如何使用 EM 处理 CSS。 (我习惯了一直用px)
我看到了下面的媒体查询
@media screen and (min-width: 50em){
}
我只是想知道 50em 与什么有关?
当我阅读有关 EM 的内容时,它指定 Em 是相对于元素的字体大小(2em 表示当前字体大小的 2 倍)
但是有了 min-width 就没有字体大小了??我在这里有点困惑.. 任何帮助将不胜感激。
最佳答案
在这种情况下,50em
引用基本字体大小,即(对于大多数浏览器)16px。它可以由用户在浏览器中预定义的首选项进行配置。
有些浏览器会将根 html
元素(rem
所基于的)设置为 16px 或基本字体的百分比尺寸如上定义。
关于html - 使用媒体查询的最小宽度 em,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37449637/