css - 使用 em 的最大宽度

Question

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

Answer 1

Em 只是另一个单位。这取决于字体大小。当前字体大小（例如 14px）= 1em。2em 是字体大小的两倍（28px）。

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

Answer 2

这个网站http://pxtoem.com进行转换并有一个每种尺寸的表格。