Ответ 1
Я бы сказал, нет, проблем не должно быть. По крайней мере, если это проверяет, что я думаю:
Существуют ли какие-либо проблемы с информацией, в которых использование значений с плавающей запятой для свойств CSS влияет на производительность рендеринга. Особенно на мобильных устройствах?
В моем случае мы устанавливаем ширину границы с помощью JavaScript, и, по-видимому, на iPhone4 требуется больше времени, когда мы используем значения с плавающей запятой.
Я бы сказал, нет, проблем не должно быть. По крайней мере, если это проверяет, что я думаю:
Если это процентное значение в свойстве CSS width
, то значения с плавающей запятой соблюдаются, и, конечно, происходит незначительное ухудшение производительности, но это сильно зависит от самого браузера. Элементы пикселей, например, width
, округлены, но не определены, действительно ли они округляются до ближайшего, пола или потолка. Однако при использовании дробных (плавающих) значений пикселей для ширины, IE9 и FF4 кажутся округлыми до ближайшего пикселя, в то время как Opera 11, Chrome и Safari обрезают десятичные знаки.
Даже когда число CSS width
округляется при раскраске страницы, полное значение сохраняется в памяти и используется для последующего вычисления ребенка. Например, если ваш квадрат div размером 100.4999px окрашивается до 100 пикселей, то он будет иметь ширину 50% и будет считаться как .5 * 100.4999 вместо .5 * 100. И так далее на более глубокие уровни.
В глубоко вложенных сетчатых сетях, где ширины родителей em
, а дети %
, и включая до четырех десятичных точек вверх по течению, имели заметное влияние.