解決頁面豎向捲軸導致元素尺寸發生變化的問題

anch發表於2024-10-06

問題描述:當頁面出現捲軸後,頁面的實際可用寬度就不是100vw了,這對於一些需要橫向佔滿螢幕的元素來說就是災難。比如說banner。clientWidth也因為相容性不能保證好用。

解決思路:在body內建立一個類名為window的容器div,寬高設定為100vw/vh,其內部建立一個類名為container的容器,寬度設定為120vw,高度100vh。其內部建立一個類名為page的容器,寬度設定為100vw,最小高度100vh。

相關文章