問題描述:當頁面出現捲軸後,頁面的實際可用寬度就不是100vw了,這對於一些需要橫向佔滿螢幕的元素來說就是災難。比如說banner。clientWidth也因為相容性不能保證好用。
解決思路:在body內建立一個類名為window的容器div,寬高設定為100vw/vh,其內部建立一個類名為container的容器,寬度設定為120vw,高度100vh。其內部建立一個類名為page的容器,寬度設定為100vw,最小高度100vh。
問題描述:當頁面出現捲軸後,頁面的實際可用寬度就不是100vw了,這對於一些需要橫向佔滿螢幕的元素來說就是災難。比如說banner。clientWidth也因為相容性不能保證好用。
解決思路:在body內建立一個類名為window的容器div,寬高設定為100vw/vh,其內部建立一個類名為container的容器,寬度設定為120vw,高度100vh。其內部建立一個類名為page的容器,寬度設定為100vw,最小高度100vh。