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

前端之家收集整理的这篇文章主要介绍了HTML – vw和vh单位如何工作?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道如何计算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.

原文链接:https://www.f2er.com/html/231774.html

猜你在找的HTML相关文章