浮點值對CSS屬性的性能影響

Question

是否存在任何已知問題，即使用CSS屬性的浮點值對渲染性能有任何性能影響。特別是在移動設備上？

在我的例子中，我們使用JavaScript設置了邊框的寬度，而當我們使用浮點值的時候，iPhone4似乎需要更長的時間。

Answer 1

我會說不，應該沒有問題。至少如果這個測試什麼，我認爲它的作用：

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

Answer 2

如果這是CSS width屬性中的百分比問題，那麼浮點值將受到尊重，當然，性能會有輕微的下降，但這很大程度上取決於瀏覽器本身。例如width屬性中的像素是四捨五入的，但是它沒有定義它們是否實際上舍入到最近的，樓層或天花板的數量。但是，對於寬度使用小數（浮點）像素值時，IE9和FF4似乎舍入到最接近的像素，而Opera 11，Chrome和Safari將截斷小數位。

即使在繪製頁面時四捨五入CSS width數字，完整值仍會保留在內存中並用於後續子級計算。例如，如果您的div框爲100.4999px，顏色爲100px，則其寬度爲50％的子項將計算爲.5 * 100.4999而不是.5 * 100。等到更深層次。

在父母寬度爲em，子女爲%，並且在上游包含最多四位小數點的情況下，深度嵌套網格佈局系統具有顯着影響。