2012-03-20 78 views
2

我正在尝试使用'em'来调整我所有的HTML元素,包括div和imgs的边框。 但是当我使用CSS:“border:.1em#000000 solid;”在我的一个divs中,它不会显示在谷歌浏览器中,而是显示在Firefox和IE中。我是否以错误的方式使用它?或者这是Chrome的错误之一。无论如何,我该如何解决它?或者是否有其他方法解决它?使用'em'作为border-width的HTML在Chrome上不起作用?

谢谢

+0

似乎在Chrome上工作正常17.0.963.79 – hjpotter92 2012-03-20 21:35:09

+0

css3饼*可能*帮助在所有浏览器中一致地呈现它: - http://css3pie.com/ – 2012-03-20 21:44:43

回答

2

如果0.1em计算到小于1px,它可能会被忽略取决于浏览器如何选择圆值的值。也许就是Firefox和IE的整数,而Chrome则是这样。您应该使用值为1px而不是使用em作为绝对的一切。

+0

我以为默认1em是16px,其中.1 em会计算为1.6px,那么在舍入后它会是2px或1px,对吧? – 2012-03-21 00:47:29

+0

没关系,我意外地缩小了浏览器,它现在可以工作。所以,当你难过时,镀铬地板。谢谢您的回答 – 2012-03-21 00:57:54

相关问题