Влияние производительности значений с плавающей запятой на свойства CSS

Существуют ли какие-либо проблемы с информацией, в которых использование значений с плавающей запятой для свойств CSS влияет на производительность рендеринга. Особенно на мобильных устройствах?

В моем случае мы устанавливаем ширину границы с помощью JavaScript, и, по-видимому, на iPhone4 требуется больше времени, когда мы используем значения с плавающей запятой.

Ответ 1

Я бы сказал, нет, проблем не должно быть. По крайней мере, если это проверяет, что я думаю:

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

Ответ 2

Если это процентное значение в свойстве CSS width, то значения с плавающей запятой соблюдаются, и, конечно, происходит незначительное ухудшение производительности, но это сильно зависит от самого браузера. Элементы пикселей, например, width, округлены, но не определены, действительно ли они округляются до ближайшего, пола или потолка. Однако при использовании дробных (плавающих) значений пикселей для ширины, IE9 и FF4 кажутся округлыми до ближайшего пикселя, в то время как Opera 11, Chrome и Safari обрезают десятичные знаки.

Даже когда число CSS width округляется при раскраске страницы, полное значение сохраняется в памяти и используется для последующего вычисления ребенка. Например, если ваш квадрат div размером 100.4999px окрашивается до 100 пикселей, то он будет иметь ширину 50% и будет считаться как .5 * 100.4999 вместо .5 * 100. И так далее на более глубокие уровни.

В глубоко вложенных сетчатых сетях, где ширины родителей em, а дети %, и включая до четырех десятичных точек вверх по течению, имели заметное влияние.