有没有办法使用 Javascript/css 在 vw 和 vh（视口宽度/高度）之间动态切换？答案

【问题标题】：Is there a way to dynamically switch between vw and vh (viewport width/height) using Javascript/css?有没有办法使用 Javascript/css 在 vw 和 vh（视口宽度/高度）之间动态切换？
【发布时间】：2013-07-16 07:32:05
【问题描述】：

我正在编写一个响应式设计，并且使用 vw 来调整字体大小效果非常好。问题是 webkit 还不支持 vmax，所以问题变成了：

当客户端屏幕处于窄竖屏模式（例如 iphone 5 竖屏）时，是否有办法将字体渲染大小从使用 vw 动态切换为使用 vh？

我试图通过设置视口最小宽度来“作弊”，但这似乎不起作用。屏幕的实际宽度似乎总是被取代。

【问题讨论】：

我不确定，@media (min-aspect-ratio:1) 和类似的人会帮忙吗？
我可以使用媒体查询来确定方面/窗口的尺寸，并让它在运行中切换 css。我想这可能是我唯一能做的。我想我希望有一个更简单的解决方案。

标签： css dynamic viewport-units

【解决方案1】：

理想情况下，您应该使用 Modernizr 之类的工具对其进行功能测试。默认编写跨浏览器 CSS 并使用 .my-text.vmax { font-size: ... } 为现代浏览器增强它。

【讨论】：

我不明白它是如何工作的。 vw 值在哪里，要模拟的最大视口宽度在哪里？