min-width em使用媒体查询

时间:2016-05-26 00:20:50

标签: html css

我正在学习如何使用EM处理CSS。 (我以前总是使用px)

我看到了以下媒体查询

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

}

我只是想知道50em相对于什么?

当我读到EM时,它指定Em相对于元素的字体大小(2em意味着当前字体大小的2倍)

但是最小宽度没有字体大小?我在这里有点困惑..任何帮助都会非常感激。

1 个答案:

答案 0 :(得分:1)

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

某些浏览器会将根html元素(rem所基于的)设置为 16px 或上面定义的基本字体大小的百分比。< / p>