h5頁面 100vh在ios瀏覽器下仍然可以滾動問題


今天h5項目中發現頁面高度設置為100vh后在ios瀏覽器上出現滾動條,在安卓上就正常

查資料發現100vh 在safari和chrome瀏覽器中,100vh是指去掉地址欄的高度,所以會出現滾動條。

解決辦法:設置成position: absolute; width: 100%;height: 100%; 

鋪滿全局就可以


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM