视口高度/宽度返回小数值?

时间:2015-10-23 21:29:55

标签: css viewport-units

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

为什么/如何对视口单元进行舍入?

(此外,我没有调整浏览器窗口的大小 - 但有时100vh返回616px,其他时间为616.36px)

1 个答案:

答案 0 :(得分:3)

规范仅规定vw的1个单位是:

  

视口宽度的1%

这个应该是相当精确的,因为这些单位中的100个应该填满整个宽度,因此四舍五入会在这里引起问题。

数字的CSS定义包括整数和小数,请参阅v2v3

如果浏览器返回一个整数,如果视口不能完全被100整除,并且如果1vw * 100的结果明显偏离 - 值得提出浏览器供应商的错误。< / p>

浏览器测试结果...请注意,尺寸差异低于浏览器chuff和工具大小。

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

height: 3.06667px;
width: 6.76667px;

IE的旧版本我同样可靠,但是对于2dp:

height: 3.78px;
width: 6.76px

你是如何得到你的号码的?