EMS在媒體查詢沒有響應，因爲我改變字體大小

Question

如果我設置的根元素的字體大小爲：

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

我期望以下媒體查詢匹配更大或大於等於任何屏幕上1200像素

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

相反，媒體查詢內部1EM仍被視爲基準16px的字體大小，在媒體查詢不與縮放在根元素丟棄的設置

是EMS字體大小設置爲根元素？

Answer 1

em引用了它所應用的父元素。換句話說，如果您將div設置爲10px，將p元素設置爲1em，那麼如果您爲此設置媒體查詢，則p元素的字體大小將爲10px。

媒體查詢始終引用瀏覽器默認的字體大小，通常爲16px。