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

cor*_*ons 6 css css3

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

Rap*_*tor 9

从视口高度(vh)规范来看,它没有提到最小值/最大值的限制.但是,在CSS值和单位:数字数据类型的第5节中,它提到:

CSS理论上支持所有值类型的无限精度和无限范围; 但实际上实现具有有限的容量.UA应支持合理有用的范围和精度.

一些SO用户测试每个浏览器的值限制,结果如下:

Firefox: 33554400px
Chrome:  33554428px
Opera:   33554428px
IE 9:    21474836.47px
Run Code Online (Sandbox Code Playgroud)

以及第5节:距离单位中解释了上述行为:

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

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

  • 我希望我能两次投票.很好的研究答案!:) (2认同)