最小寬度em使用媒體查詢

Question

我正在學習如何使用EM使用CSS。 （我以前經常使用PX）

我看到下面的媒體查詢

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

} 

我只是想知道相對於50em是什麼？

當我在閱讀EM它指定Em，是相對於元件的字體大小（2em的裝置當前字體的2倍的大小）

但隨着最小寬度沒有字體大小??我有點困惑在這裏..任何幫助將非常感激。

Answer 1

在這種情況下，50em引用的基本字體大小，這是（對於大多數瀏覽器）16px。它可以由用戶在瀏覽器中預定義的首選項進行配置。

有些瀏覽器將或者設置根html元件（其rem基於）爲16px的或如上所定義的基本字體大小的百分比。