使用'em'作爲border-width的HTML在Chrome上不起作用？

我正在嘗試使用'em'來調整我所有的HTML元素，包括div和imgs的邊框。但是當我使用CSS：「border：.1em＃000000 solid;」在我的一個divs中，它不會顯示在谷歌瀏覽器中，而是顯示在Firefox和IE中。我是否以錯誤的方式使用它？或者這是Chrome的錯誤之一。無論如何，我該如何解決它？或者是否有其他方法解決它？使用'em'作爲border-width的HTML在Chrome上不起作用？

謝謝

來源

2012-03-20 Yuanbo Wang

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

css3餅*可能*幫助在所有瀏覽器中一致地呈現它： - http://css3pie.com/ – 2012-03-20 21:44:43

如果0.1em計算到小於1px，它可能會被忽略取決於瀏覽器如何選擇圓值的值。也許就是Firefox和IE的整數，而Chrome則是這樣。您應該使用值爲1px而不是使用em作爲絕對的一切。

來源

2012-03-20 21:35:11

我以爲默認1em是16px，其中.1 em會計算爲1.6px，那麼在舍入後它會是2px或1px，對吧？ – 2012-03-21 00:47:29

沒關係，我意外地縮小了瀏覽器，它現在可以工作。所以，當你難過時，鍍鉻地板。謝謝您的回答 – 2012-03-21 00:57:54

使用'em'作爲border-width的HTML在Chrome上不起作用？

回答

相關問題