什么是vh单位的最小值/最大值?

时间:2016-01-13 02:24:10

标签: css css3

比如,浏览器的限制是什么?如果我有99999999999999vh它实际上是99999999999999vh还是会像2145629vh那样奇怪?

1 个答案:

答案 0 :(得分:9)

从视口高度(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中解释了上述行为:

  

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

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