vw和vh單元如何工作

Question

大衆和VH單元如何工作。我想知道如何計算這個單位的價值。我正在設計一個網站，並使用2vw和它的工作完美的文字。不過，我只是猜測把這個價值。請告訴我它是如何工作的，所以未來使用它會更好，並且它是跨瀏覽器的。

Answer 1

vw和vh是窗口寬度和高度的百分比，分別爲：100vw是寬度的100％，80vw爲80％，等等。

爲了計算像素值，你只想做一些事情像你應該知道的

vwToPx = function(vwValue) { 
    return $(window).outerWidth()/100*vwValue; 
} 

一件事是，Safari移動仍然呈現vh錯誤，並且任何東西，但最近的Android瀏覽器無法處理任何單元。請參閱caniuse。

欲瞭解更多信息，你可以看看在csstricks.com this article。