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

Question

我正在编写一个响应式设计，使用vw进行字体大小非常有效。问题是webkit还不支持vmax，所以问题就变成了：

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

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

Answer 1

理想情况下，您可以使用Modernizr等工具对其进行测试。默认情况下编写crossbrowser CSS，并使用.my-text.vmax { font-size: ... }为现代浏览器增强它。