可能重复:
是否尊重 CSS 宽度中的小数位?
我有一个导航(li
),它需要一个像素值来适应ul
(有display:block
)。所以我用width:163.4px
' li
s. 这在 Firefox (v13.0.1) 中运行良好,但在 Safari、Chrome 和 Opera 中宽度太短。(宽度大约是 163 像素……所以我猜那些浏览器会向下取整。)
解释一下为什么只有 Firefox 支持这种情况下的浮点数?
可能重复:
是否尊重 CSS 宽度中的小数位?
我有一个导航(li
),它需要一个像素值来适应ul
(有display:block
)。所以我用width:163.4px
' li
s. 这在 Firefox (v13.0.1) 中运行良好,但在 Safari、Chrome 和 Opera 中宽度太短。(宽度大约是 163 像素……所以我猜那些浏览器会向下取整。)
解释一下为什么只有 Firefox 支持这种情况下的浮点数?
所有浏览器都采用小数像素宽度,包括 Firefox:http: //jsfiddle.net/fgD7H/1/
您可以在小提琴中看到红色的可见宽度div
每秒仅增加一次,即使实际宽度每秒增加 0.1 像素十次。这在 Chrome 和 Firefox 中都会发生(尚未测试其他)。
我的猜测是两种浏览器之间的舍入策略存在一些差异(例如,Chrome 可能会向下舍入,而 Firefox 可能会向上舍入)。如果您可以在 jsfiddle 中提供演示,也许您的问题可能会更加明显。在所有情况下,渲染的实际宽度都是整数像素,因此您应该能够通过将宽度设置为163px
或来解决问题164px
。