HTML – vw和vh单位如何工作？

概述我想知道如何计算vh和vw的值.我正在设计一个使用2vw的网站,它的工作完全适用于我的文本.但是,我猜对了.请告诉我这些装置是如何工作的,以便我将来可以使用它们.我也想知道他们是否有跨浏览器支持. vw和vh分别是窗口宽度和高度的百分比：100vw是宽度的100％,80vw是80％等. 要以像素为单位计算值,您可以执行类似的 *** 作 vwToPx = function(vwValue) { r 我想知道如何计算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.

总结

以上是内存溢出为你收集整理的HTML – vw和vh单位如何工作？全部内容，希望文章能够帮你解决HTML – vw和vh单位如何工作？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。