我想知道如何计算vh和vw的值.我正在设计一个使用2vw的网站,它的工作完全适用于我的文本.但是,我猜对了.请告诉我这些装置是如何工作的,以便我将来可以使用它们.我也想知道他们是否有跨浏览器支持.
解决方法
vw和vh分别是窗口宽度和高度的百分比:100vw是宽度的100%,80vw是80%等.
要以像素为单位计算值,您可以执行类似的操作
vwToPx = function(vwValue) { return $(window).outerWidth()/100*vwValue; }
你应该注意的一件事是,移动版Safari仍然会错误地呈现vh,除了最新的Android浏览器之外的任何东西都无法处理任何一个单元.见caniuse.
有关更多信息,请查看csstricks.com上的this article.