10

是否有任何已知问题,在 CSS 属性中使用浮点值会对渲染性能产生任何性能影响。尤其是在移动设备上?

在我的例子中,我们使用 JavaScript 设置边框的宽度,当我们使用浮点值时,在 iPhone4 上似乎需要更长的时间。

4

2 回答 2

2

如果是 CSSwidth属性中的百分比问题,那么浮点值会受到尊重,当然会有轻微的性能下降,但这很大程度上取决于浏览器本身。例如width属性中的像素是四舍五入的,但没有定义它们是否实际四舍五入到最近的地板或天花板数字。然而,当对宽度使用分数(浮动)像素值时,IE9 和 FF4 似乎会四舍五入到最接近的像素,而 Opera 11、Chrome 和 Safari 会截断小数位。

即使在width绘制页面时对 CSS 编号进行了四舍五入,完整的值也会保留在内存中并用于后续子计算。例如,如果您的 100.4999 像素的 div 框绘制为 100 像素,那么宽度为 50% 的子框将被计算为 0.5*100.4999 而不是 0.5*100。以此类推到更深层次。

在深度嵌套的网格布局系统中,父级宽度为em,子级为%,并且上游最多包含四个小数点会产生明显的影响。

于 2012-12-21T09:17:54.837 回答
2

我会说不,应该没有问题。至少如果这测试了我认为它的作用:

http://jsperf.com/float-css-props

于 2012-12-21T09:18:12.683 回答