什麼是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單位的最小/最大值？

回答

相關問題