CSS属性的浮点值的性能影响

Question

是否存在任何已知问题，其中CSS属性的浮点值的使用会对渲染性能产生任何性能影响。特别是在移动设备上？

在我的情况下，我们使用JavaScript设置边框的宽度，当我们使用浮点值时，在iPhone4上似乎需要更长的时间。

Answer 1

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

即使在绘制页面时舍入CSS width数字，整个值也会保留在内存中并用于后续子计算。例如，如果您的div框100.4999px绘制为100px，则宽度为50％的子项将计算为.5 * 100.4999而不是.5 * 100。等等更深层次。

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

Answer 2

我会说不，应该没有问题。至少如果这测试了我的想法：

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