0

可能重复:
是否尊重 CSS 宽度中的小数位?

我有一个导航(li),它需要一个像素值来适应ul(有display:block)。所以我用width:163.4px' lis. 这在 Firefox (v13.0.1) 中运行良好,但在 Safari、Chrome 和 Opera 中宽度太短。(宽度大约是 163 像素……所以我猜那些浏览器会向下取整。)

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

4

1 回答 1

0

所有浏览器都采用小数像素宽度,包括 Firefox:http: //jsfiddle.net/fgD7H/1/

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

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

于 2012-07-04T08:18:16.443 回答