移動端登陸頁面input獲取焦點後頁面佈局及輸入框上移的問題

最近切微信頁面的時候，發現移動端的登陸頁面，帶輸入框的那種，如圖：

從頁面自己來看沒有什麼問題，上傳至測試服務器，用iphone訪問也沒有什麼問題，可是當同事用Android手機獲取焦點後，問題來了，

軟鍵盤調出後，輸入框總體都被擠到了頁面上方，內容覆蓋了logo，頁面瞬間low斃。

而後各類改，把上移的那部分固定定位、js各類控制高度，然鵝都沒有很好的起做用。通過各類度娘和嘗試，終於恢復正常

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

問題解決，so easy，但願能幫到你們！