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

Question

我正在写一个响应式设计，并使用vw字体大小奇妙地工作。问题是webkit中尚不支持vmax，所以问题变成：

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

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

Answer 1

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