【问题标题】:HTML using 'em' for border-width won't work on Chrome?使用“em”作为边框宽度的 HTML 在 Chrome 上不起作用?
【发布时间】:2012-03-20 21:31:47
【问题描述】:

我正在尝试使用“em”来调整所有 HTML 元素的大小,包括 div 和 imgs 的边框。
但是当我在我的一个 div 上使用 css:border: .1em #000000 solid; 时,它不会在 Google chrome 中显示,而是在 Firefox 和 IE 中显示。我是否以错误的方式使用它?或者它是 Chrome 的错误之一?
无论如何,我该如何解决它?或者有没有其他方法可以解决它?

【问题讨论】:

  • 似乎在 Chrome 17.0.963.79 上运行良好
  • css3 pie 可能有助于在所有浏览器中一致地呈现它:- css3pie.com

标签: google-chrome html width em


【解决方案1】:

如果0.1em 计算的值小于1px,它可能会被忽略,具体取决于浏览器选择舍入值的方式。也许是 Firefox 和 IE 对数字进行四舍五入,而 Chrome 对它们进行了计算。您可能应该只使用 1px 的值,而不是绝对使用 em

【讨论】:

  • 我以为默认1em是16px,0.1em会被计算为1.6px,那么四舍五入后要么是2px要么是1px,对吧?
  • 没关系,我不小心把浏览器缩小了,现在可以了。所以当你伤心的时候,铬地板吧。谢谢你的回答
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-11-17
  • 2012-06-27
  • 1970-01-01
  • 2012-01-23
相关资源
最近更新 更多