最近切微信頁面的時候,發現移動端的登錄頁面,帶輸入框的那種,如圖:
從頁面本身來看沒有什么問題,上傳至測試服務器,用iphone訪問也沒有什么問題,但是當同事用Android手機獲取焦點后,問題來了,

軟鍵盤調出后,輸入框整體都被擠到了頁面上方,內容覆蓋了logo,頁面瞬間low斃。
然后各種改,把上移的那部分固定定位、js各種控制高度,然鵝都沒有很好的起作用。經過各種度娘和嘗試,終於恢復正常

終於是整個頁面背景上移,而不僅僅是內容上移了。貼代碼,重點都在標記部分

問題解決,so easy,希望能幫到大家!
