是否有任何已知问题,在 CSS 属性中使用浮点值会对渲染性能产生任何性能影响。尤其是在移动设备上?
在我的例子中,我们使用 JavaScript 设置边框的宽度,当我们使用浮点值时,在 iPhone4 上似乎需要更长的时间。
是否有任何已知问题,在 CSS 属性中使用浮点值会对渲染性能产生任何性能影响。尤其是在移动设备上?
在我的例子中,我们使用 JavaScript 设置边框的宽度,当我们使用浮点值时,在 iPhone4 上似乎需要更长的时间。
如果是 CSSwidth
属性中的百分比问题,那么浮点值会受到尊重,当然会有轻微的性能下降,但这很大程度上取决于浏览器本身。例如width
属性中的像素是四舍五入的,但没有定义它们是否实际四舍五入到最近的地板或天花板数字。然而,当对宽度使用分数(浮动)像素值时,IE9 和 FF4 似乎会四舍五入到最接近的像素,而 Opera 11、Chrome 和 Safari 会截断小数位。
即使在width
绘制页面时对 CSS 编号进行了四舍五入,完整的值也会保留在内存中并用于后续子计算。例如,如果您的 100.4999 像素的 div 框绘制为 100 像素,那么宽度为 50% 的子框将被计算为 0.5*100.4999 而不是 0.5*100。以此类推到更深层次。
在深度嵌套的网格布局系统中,父级宽度为em
,子级为%
,并且上游最多包含四个小数点会产生明显的影响。
我会说不,应该没有问题。至少如果这测试了我认为它的作用: