【问题标题】:max-width using em使用 em 的最大宽度
【发布时间】:2012-03-19 10:00:45
【问题描述】:

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

【问题讨论】:

  • 您确定它是实际上显示器的宽度,还是只是因为您设置了最大宽度而不是实际宽度而被剪裁?
  • 您可能需要先了解 em 单元本身。
  • 令人惊叹的 em 单元 - w3.org/WAI/GL/css2em.htm

标签: css em


【解决方案1】:

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

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

【讨论】:

    【解决方案2】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2012-12-30
      • 1970-01-01
      • 1970-01-01
      • 2013-09-01
      • 2013-04-29
      • 1970-01-01
      相关资源
      最近更新 更多