不同的浏览器是否会以不同的方式呈现

Question

使用CSS设置元素的宽度时，我常常想要设置不是整个百分比的百分比宽度。

所有（我怀疑）浏览器是否以相同的方式处理小数百分比，还是以不同方式呈现？

我可以准确地将它用于布局吗？

Answer 1

Webkit浏览器处理子像素舍入与其他浏览器的处理方式截然不同。这么多，所以它被认为是一个持续的问题。同时，Firefox和Opera似乎能够很好地处理子像素渲染;我没有听说过很多问题。

IE完全是另一个故事。

以下是有关此主题的更多信息：

• Sub-Pixel Problems in CSS
• Percentage Bugs in Webkit

不久之前

I asked a question similar to this。这是我自那时以来所能收集到的（从接受的答案和其他地方）。

Answer 2

是的，他们这样做。

从我的记忆中：

在Opera中，你不能设置百分比的小数位，所以，如果设置33.3％，它只使用33％（相当讨厌）（编辑：Opera可能在当前版本中有所改进，因为它似乎）

在Firefox中，如果您的百分比加起来为100％，则像素并不总是加起来达到100％的像素数量 例如你有一个外部div有三列所有宽度：33.33333％。如果外部div的宽度为100px，则列将具有33个像素，总和为99像素而不是100。 （编辑：Firefox比我记得的要好。也许他们有所改进）

老IE，我记不起IE9似乎工作正常。糟糕的一个当然是IE7，它排成一行（作为IE6，但谁在乎呢？）。 IE8 / 9似乎工作正常

Chrome工作正常

Safari：不记得了

---

修改

她可以为自己测试 http://jsfiddle.net/fTpFw/

---

结论

我在不同的浏览器中玩弄小提琴后，我觉得它们都有所改善。现代浏览器中唯一不好的实现（来自我想要实现的）是Opera和Safari。 IE7也是一个塞子。如果您不必处理这些错误，您可以继续使用百分比宽度。