CSS 中一个数字可以有多少个有效数字？

Question

我的问题很简单，在浏览器在解释它时对数字进行舍入之前，我可以在 CSS 样式表中使用的值中包含多少（非零）小数位？

注意：我知道任何十进制像素都是四舍五入的（不同浏览器会有所不同），因为屏幕无法显示子像素单位。我要问的是在四舍五入之前，将保留多少小数位以开始执行最终的浏览器渲染计算/四舍五入。

Answer 1

无论是截断还是四舍五入，在理想的世界中，这两种情况都不应该发生。该规范只是说一个数值既可以包括

• 一位或多位数字，或
• 任意数量的数字，后跟小数点的句点，后跟一位或多位数字。

该规范甚至考虑了这样一个事实，即小于 1 的值中小数点前的前导零并不重要，因此可以省略，例如opacity: .5. 但是根本就没有理论上的上限。

但是，由于实现限制，浏览器通常会出于渲染目的“舍入”值。除了通过更改值的精度之外，这不是您可以控制的，即使如此，由于显而易见的原因，这种行为可能因浏览器而异，因此您不能依赖它。