移動端避免使用100vh

CSS中的視口單位聽起來很棒。如果要設置元素的樣式以佔據整個屏幕的高度，則可以設置height: 100vh，您擁有一個完美的全屏元素，該元素會隨着視口的變化而調整大小！可悲的是，事實並非如此。100vh在移動瀏覽器中以微妙但基本的方式被破壞，這使其幾乎無用。最好避免100vh ，而是依靠javascript設置高度以獲得完整的視口體驗。 核心問題是移動瀏覽器（我正在爲您瀏覽，Chrome和Saf

>>阅读原文<<