H5頁面背景圖被鍵盤擠壓移動了位置解決方法


body{width:100%,height:100%},下圖藍色背景放在body里面。我這個是微信端打開的H5鏈接

問題:手機要輸入手機號或者密碼,會彈出手機的鍵盤,然后就變成下圖。鍵盤背景圖給移到上面去了。體驗極差。

 

解決方案:

JS代碼:用JS代碼自動判斷窗口的高度,然后賦值給body。

 1 $(document).ready(function () { $('body').css({'height':$(window).height()})});

 最終圖片

 


免責聲明!

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



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