css - 视口高度/宽度返回十进制值？

Question

视口高度通常返回一个整数值；但是我现在注意到它返回一个带 2 个小数点的值。

为什么/如何将视口单位四舍五入？

（此外，我没有调整浏览器窗口的大小——但 100vh 有时会返回 616px，有时会返回 616.36px）

Answer 1

规范仅规定 1 个单位vw为：

视口宽度的 1%

这应该是相当精确的，因为其中 100 个单位应该填满整个宽度，所以四舍五入会在这里造成问题。

数字的 CSS 定义包括整数和小数，请参阅v2或v3。

在浏览器返回整数的情况下，如果视口并非巧合地能被 100 整除，并且如果 1vw * 100 的结果明显偏离 - 值得向浏览器供应商提出错误。

浏览器测试的结果...请注意，尺寸差异取决于浏览器尺寸和工具尺寸。

Firefox 似乎可靠地计算到 4dp：

height: 3.06667px;
width: 6.76667px;

一个旧版本的 IE 我有同样可靠的，但对于 2dp：

height: 3.78px;
width: 6.76px

你是如何获得你的号码的？