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。