Possible Duplicate:
Are the decimal places in a CSS width respected?




我有一个导航(li),它需要一个像素值以适合ul(具有display:block)。
因此,我将width:163.4px用于li。在Firefox(v13.0.1)中确实可以正常工作,但是在Safari,Chrome和Opera中,宽度太短。 (宽度大约为163px ...所以我猜那些浏览器会舍入该值。)

请解释为什么在这种情况下只有Firefox支持浮点数?

最佳答案

所有浏览器均舍入小数像素宽度,包括Firefox:http://jsfiddle.net/fgD7H/1/

您可以在小提琴中看到,红色div的可见宽度每秒仅增加一次,即使实际宽度每秒增加0.1像素十次。这种情况在Chrome和Firefox中都发生过(尚未测试其他产品)。

我的猜测是两种浏览器的舍入策略有所不同(例如,Chrome可能会舍入,而Firefox可能会舍入)。如果您可以在jsfiddle中提供一个演示,也许您的问题可能会更加明显。在所有情况下,渲染的实际宽度都是像素的整数,因此您应该能够通过将宽度设置为163px164px来解决此问题。

09-10 13:12
查看更多