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中提供一个演示,也许您的问题可能会更加明显。在所有情况下,渲染的实际宽度都是像素的整数,因此您应该能够通过将宽度设置为163px
或164px
来解决此问题。