大众和大众是如何工作的？

Question

我想知道如何计算vh和vw的值。我正在设计一个使用2vw的网站，它非常适合我的文本。不过，我猜到了。请告诉我这些单位是如何工作的，这样我以后才能使用它们。我也想知道他们是否有跨浏览器的支持。

Answer 1

vw和vh分别占窗口宽度和高度的百分比:100 80为宽度的100%，80 80为80%等。

要计算以像素为单位的值，只需执行以下操作

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

您应该注意的一点是，移动Safari仍然不正确地呈现vh，而且除了最新的安卓浏览器之外，任何东西都无法处理这两个单元。见犬科。

有关更多信息，您可以查看这篇文章 on csstricks.com。