1. 程式人生 > >H5頁面背景圖被鍵盤擠壓移動了位置解決方法

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

window .com nbsp mage .cn 最終 png 判斷 tro

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

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

技術分享技術分享

解決方案:

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

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

最終圖片

技術分享

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