移動端登錄頁面input獲取焦點后頁面布局及輸入框上移的問題


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

從頁面本身來看沒有什么問題,上傳至測試服務器,用iphone訪問也沒有什么問題,但是當同事用Android手機獲取焦點后,問題來了,

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

然后各種改,把上移的那部分固定定位、js各種控制高度,然鵝都沒有很好的起作用。經過各種度娘和嘗試,終於恢復正常

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

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM