Css 视口高度/宽度是否返回十进制值?

Css 视口高度/宽度是否返回十进制值?,css,viewport-units,Css,Viewport Units,视口高度通常返回一个整数值;然而,我现在注意到它返回一个带2个小数点的值 为什么/如何使视口单位变圆 (此外,我没有调整浏览器窗口的大小——但100vh有时返回616px,有时返回616.36px)规范仅规定1个单位的vw为: 视口宽度的1% 这应该是相当精确的,因为这些单位中的100个应该填满整个宽度,所以舍入将导致这里的问题 CSS对数字的定义包括整数和小数,请参见或 对于返回整数的浏览器,如果视图端口不能恰好被100整除,并且1vw*100的结果明显不正确,则值得向浏览器供应商提出一个错误

视口高度通常返回一个整数值;然而,我现在注意到它返回一个带2个小数点的值

为什么/如何使视口单位变圆


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

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

视口宽度的1%

这应该是相当精确的,因为这些单位中的100个应该填满整个宽度,所以舍入将导致这里的问题

CSS对数字的定义包括整数和小数,请参见或

对于返回整数的浏览器,如果视图端口不能恰好被100整除,并且1vw*100的结果明显不正确,则值得向浏览器供应商提出一个错误

浏览器测试结果。。。请注意,大小差异取决于浏览器粗线条和工具大小

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

height: 3.06667px;
width: 6.76667px;
我所拥有的旧版IE同样可靠,但与2dp相比:

height: 3.78px;
width: 6.76px

您是如何获得数字的?

我认为这取决于浏览器,您可能可以通过谷歌搜索。什么浏览器/设备以及如何获得视口大小?:)Chrome,MacBook Pro。感谢这些背景信息——这个问题对我来说特别奇怪的是,我的浏览器窗口大小完全相同(无需调整大小,无需更改),但100vh有时返回不同的值(616px与616.36px)。你知道为什么吗?再次感谢。在100vh时,这是一个相当小的差异(0.00每单位四舍五入为2dp)。。。虽然很奇怪。我添加了一些刚刚运行的浏览器测试的结果。最后,我们可能需要知道浏览器和你获取数字的方法。我正在MacBookPro操作系统Yosemite上运行Chrome46。100vh仅应用于CSS中。True有一个非常小的差异,但是不一致性会影响页面上的其他逻辑(尽管我对此有一个修复);这更多是为了我自己的知识,我想了解为什么会发生这种情况。再次感谢你!您是否真的看到了低于全高的结果?我猜,虽然你看到了报告中的细微差别,但从来没有明显的差别——所以这只是一个亚像素的奇怪现象。