Javascript 分配给CSS属性的十进制数值应该四舍五入吗?

Javascript 分配给CSS属性的十进制数值应该四舍五入吗?,javascript,css,performance,numbers,rounding,Javascript,Css,Performance,Numbers,Rounding,目前,我正在使用来自CSS预处理器或JavaScript计算的小数赋值。一方面,该值在不修改的情况下更精确,需要执行的操作更少,但另一方面,在第一个数字之后,以下内容是不可见的,我不确定这些是否会以某种方式影响浏览器性能 div{width:33.333%;} vs div{width:33.33%;} $('div')。宽度(100/3);//33.3333… vs $('div')。宽度(数学圆(100/3*100)/100);//33.33 CSS中有几个十进制值是否会影响浏览器性能

目前,我正在使用来自CSS预处理器或JavaScript计算的小数赋值。一方面,该值在不修改的情况下更精确,需要执行的操作更少,但另一方面,在第一个数字之后,以下内容是不可见的,我不确定这些是否会以某种方式影响浏览器性能


div{width:33.333%;}

vs

div{width:33.33%;}


$('div')。宽度(100/3);//33.3333…

vs

$('div')。宽度(数学圆(100/3*100)/100);//33.33


CSS中有几个十进制值是否会影响浏览器性能?



这是一个非常基本的例子。

虽然没有CSS定义规定值的实现方式,但为什么任何渲染引擎都会使用浮点数以外的任何东西?在这种情况下,绝对没有性能影响。这是一个合理的问题。数字是从字符串中解析出来的,所以更长的数字需要更长的时间来解析。解析任何一个数字都很简单,但这个“长”数字可能会用于许多css变量和计算,因此在60帧/秒的动画中,这可能会累加起来。我现在没有一个真正的答案给你。(对不起!)