vh单位的最小值和最大值是多少？

Question

6

比如，浏览器有哪些限制？如果我设置了 99999999999999vh，它会真的是 99999999999999vh 吗？还是会像 2145629vh 这样出现奇怪的情况？

- corysimmons

1

这是视口大小的百分比。我猜你理论上可以有一个元素大小是视口高度或宽度的许多（千？）倍，没有限制，但我不知道这样做的实际目的是什么。我认为这是关于浏览器如何处理非常大的元素的问题，而不是单位本身的限制。 - Vince

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Raptor · Accepted Answer

根据视口高度（vh）规范，它没有提到最小/最大值的限制。然而，在CSS值和单位：数字数据类型第5节中，它提到：

CSS理论上支持所有值类型的无限精度和无限范围；但实际上实现具有有限能力。UA应该支持合理有用的范围和精度。

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

而上述行为在第5节：距离单位中有所解释：

虽然某些属性允许负长度值，但这可能会使格式化变得复杂，并且可能存在特定实现的限制。如果允许使用负长度值但无法支持，则必须将其转换为最接近的可支持值。

希望以上内容能回答您的问题。