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

Question

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

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

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

Answer 1

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