Html 大众和vh装置是如何工作的？

我想知道如何计算

vh

和

vw

的值。我正在设计一个使用

2vw

的网站，它可以完美地为我的文本工作。不过，我只是猜测。请告诉我这些装置是如何工作的，以便我将来可以使用它们。我还想知道他们是否支持跨浏览器。vw和vh分别是窗口宽度和高度的百分比：100vw是宽度的100%，80vw是80%，等等

要计算像素值，只需执行以下操作

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

需要注意的一点是，MobileSafari仍然错误地呈现了

vh

，除了最新的Android浏览器之外，任何东西都无法处理这两个单元。看

有关更多信息，请访问csstrick.com