Docs99動態視窗填滿 dvh
簡單說
在往後的將來，全面使用 dvh 來替代 vh，可以有效的避免 vh 在移動裝置所產生填滿高度問題。
說明
一般而言，整個視窗百分比的單位如下:
vh「視窗高度」 百分比vw「視窗寬度」 百分比
移動裝置問題
但在移動裝置上，使用 vh 來填滿視窗高度，就會發現顯示滾動軸 scroll 的問題，它超過了視窗的高度!!
原因
- 瀏覽器會把 「網址列」 或 「操作列」 計算在
vh填滿高度內。 - 彈出輸入 「輸入鍵盤」 時，將其計算在
vh填滿高度內。
解決方案
現在出現新的單位來解決「移動裝置」的視窗高度問題。
svh/svw「小視窗」 填滿單位lvh/lvw「大視窗」 填滿單位dvh/dvw「動態視窗」 填滿單位
移動裝置支援度
一般情況下 chrome、edge、safari 對於 100dvh 是支援的，但在點擊 input 開啟輸入鍵盤時 safari 還是存在「底部空白空間」問題。