使用em的最大宽度

Question

有人可以解释一下em测量单位如何与max-width css属性一起工作吗？在我的屏幕分辨率为1920 x 1080时,我发现将max-width设置为140em相当于最大宽度为100%.

Answer 1

Em只是另一个单位.这取决于字体大小.当前字体大小(例如14px)= 1em.2em将字体大小加倍(28px).

看看你的屏幕分辨率:1920/140 = 13,714285714 - 看起来你当前的字体大小是14px.因此,在您的特殊情况下,设置max-width:140em与max-width:1920px或相同max-width:100%.