1. 程式人生 > >安卓微信端打開H5頁面背景圖被鍵盤擠壓移動位置解決

安卓微信端打開H5頁面背景圖被鍵盤擠壓移動位置解決

空白 strong bsp 作用 fun isp height png htm

問題在微信端(安卓瀏覽器也如此)打開的H5登錄頁面中,點擊輸入信息,彈出軟鍵盤會擠壓背景圖片。

本來的body寬高設置body{width:100%,height:100%},不起作用,這樣寫就會導致鍵盤彈出的時候html和body的高度從原來的100%變為(100%-鍵盤高度)。所以要再強行把高度調整回去。

未調整前:背景被擠壓,導致下部出現空白背景

技術分享圖片

技術分享圖片

調整後:

插入js代碼調整高度

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

技術分享圖片

技術分享圖片

安卓微信端打開H5頁面背景圖被鍵盤擠壓移動位置解決