有沒有辦法使用JavaScript/css動態切換vw和vh（視口寬度/高度）？

Question

我正在寫一個響應式設計，並使用vw字體大小奇妙地工作。問題是webkit中尚不支持vmax，所以問題變成：

有沒有一種方法可以動態地將字體渲染大小從使用vw切換到使用vh，當客戶端屏幕處於窄肖像模式時（例如iphone 5人像）？

我試圖通過設置視口最小寬度來「欺騙」，但這似乎不起作用。屏幕的實際寬度似乎總是取代。

Answer 1

理想情況下，您可以使用Modernizr等工具對其進行測試。默認情況下編寫crossbrowser CSS，並使用.my-text.vmax { font-size: ... }對現代瀏覽器進行增強。