我正在尝试使用'em'来调整我所有的HTML元素,包括div和imgs的边框。 但是当我使用CSS:“border:.1em#000000 solid;”在我的一个divs中,它不会显示在谷歌浏览器中,而是显示在Firefox和IE中。我是否以错误的方式使用它?或者这是Chrome的错误之一。无论如何,我该如何解决它?或者是否有其他方法解决它?使用'em'作为border-width的HTML在Chrome上不起作用?
谢谢
我正在尝试使用'em'来调整我所有的HTML元素,包括div和imgs的边框。 但是当我使用CSS:“border:.1em#000000 solid;”在我的一个divs中,它不会显示在谷歌浏览器中,而是显示在Firefox和IE中。我是否以错误的方式使用它?或者这是Chrome的错误之一。无论如何,我该如何解决它?或者是否有其他方法解决它?使用'em'作为border-width的HTML在Chrome上不起作用?
谢谢
如果0.1em
计算到小于1px
,它可能会被忽略取决于浏览器如何选择圆值的值。也许就是Firefox和IE的整数,而Chrome则是这样。您应该使用值为1px
而不是使用em
作为绝对的一切。
我以为默认1em是16px,其中.1 em会计算为1.6px,那么在舍入后它会是2px或1px,对吧? – 2012-03-21 00:47:29
没关系,我意外地缩小了浏览器,它现在可以工作。所以,当你难过时,镀铬地板。谢谢您的回答 – 2012-03-21 00:57:54
似乎在Chrome上工作正常17.0.963.79 – hjpotter92 2012-03-20 21:35:09
css3饼*可能*帮助在所有浏览器中一致地呈现它: - http://css3pie.com/ – 2012-03-20 21:44:43