使用em设置max-width

Question

8

有人可以解释一下 em 单位如何与 max-width CSS 属性配合使用吗？在我的屏幕分辨率为 1920 x 1080 的情况下，我发现将 max-width 设置为 140em 相当于最大宽度为 100％。

- daveywc

1

你确定这是你的显示器实际宽度吗？还是因为你设置的是最大宽度而没有设置实际宽度而导致裁剪了呢？ - cwharris

你可能需要先了解 em 单位本身。 - BoltClock

惊人的em单位 - http://www.w3.org/WAI/GL/css2em.htm - Matt K

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Sebastian vom Meer · Accepted Answer

Em是另一个单位，它取决于字体大小。当前字体大小（例如14px）= 1em。2em将字体大小加倍（28px）。

查看您的屏幕分辨率：1920/140 = 13.714285714 - 看起来您当前的字体大小为14px。因此，在您的特殊情况下，设置max-width:140em与max-width:1920px或max-width:100%相同。