body{width:100%,height:100%},下圖藍色背景放在body里面。我這個是微信端打開的H5鏈接
問題:手機要輸入手機號或者密碼,會彈出手機的鍵盤,然后就變成下圖。鍵盤背景圖給移到上面去了。體驗極差。
解決方案:
JS代碼:用JS代碼自動判斷窗口的高度,然后賦值給body。
1 $(document).ready(function () { $('body').css({'height':$(window).height()})});
最終圖片
body{width:100%,height:100%},下圖藍色背景放在body里面。我這個是微信端打開的H5鏈接
問題:手機要輸入手機號或者密碼,會彈出手機的鍵盤,然后就變成下圖。鍵盤背景圖給移到上面去了。體驗極差。
解決方案:
JS代碼:用JS代碼自動判斷窗口的高度,然后賦值給body。
1 $(document).ready(function () { $('body').css({'height':$(window).height()})});
最終圖片
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。