什么是VH单位的最小/最大值？

赞，浏览器有哪些限制？如果我有99999999999999vh它实际上是99999999999999vh还是会像2145629vh那样奇怪？什么是VH单位的最小/最大值？

2016-01-13 corysimmons

这是[视口大小的百分比]（https://www.w3.org/TR/css3-values/#viewport-relative-lengths）。我想你理论上可以有一个元素的大小是视口的高度或宽度的许多（千？）倍，没有限制，但我不知道这是什么的实际目的。我认为这是一个关于浏览器如何处理真正的大元素而不是单元本身的限制的问题。 – Vince

从视口高度（vh）specification，它没有提到有最小/最大值的限制。然而，在Section 5 of CSS Values and Units: Numeric Data Types中，它提到：

CSS理论上支持所有值类型的无限精度和无限范围;然而在现实中实现具有有限的容量。 UA应该支持合理有用的范围和精度。

和一些SO users do test the limit of values of each browsers，其结果如下：

Firefox: 33554400px 
Chrome: 33554428px 
Opera: 33554428px 
IE 9: 21474836.47px

和上述行为在Section 5: Distance Units说明：

虽然一些属性允许负的长度值，这可能复杂化格式和可能有特定于实现的限制。如果允许负长度值但不支持，则必须将其转换为可支持的最接近值。

希望以上可以回答你的问题。

来源

2016-01-13 02:32:22 Raptor

我希望我可以投票两次。好好研究答案！ :) – Vince

我觉得很奇怪，Chrome和Firefox之间的最大区别是28px。我不知道他们是如何决定这个看似武断的价值的。很好的答案。 –

@JoshCrozier不要FF和Chrome有100vw的不同版本......一个包含滚动条，另一个不包含？这可能吗？我会假设他们只是将max vh设置为与vw max像素值相同。 –

什么是VH单位的最小/最大值？

回答

相关问题