手機軟鍵盤彈出時影響佈局的解決方法_javascript技巧
摘要: 本文講的是手機軟鍵盤彈出時影響佈局的解決方法_javascript技巧, 移動端軟鍵盤彈出時影響佈局該如何解決 1)前段時間作的移動端頁面,因爲高度只有1頁所以用了height:100%;width:100%; ios下點擊輸入框彈出軟鍵盤時,佈局沒有大影響。 當輸入框可能被軟鍵盤壓到時,在一部分安卓下卻出了問題
移動端軟鍵盤彈出時影響佈局該如何解決
1)前段時間作的移動端頁面,因爲高度只有1頁所以用了height:100%;width:100%;
ios下點擊輸入框彈出軟鍵盤時,佈局沒有大影響。
當輸入框可能被軟鍵盤壓到時,在一部分安卓下卻出了問題,華爲自帶瀏覽器和UC會有佈局上的問題。
原因可能是因爲,軟鍵盤彈出時,改變了height,使height:100%,不能達到原來的高度。
解決辦法:
$(document).ready(function () { $('body').height($('body')[0].clientHeight); });
頁面加載完後,js給body一個定高。
2)以前還遇到過,移動端點擊輸入框時,頁面向左偏移了一部分,但太久了,忘了什麼瀏覽器了,重現不了,解決的方法是使輸入框的大小居中.
PS:吐槽下華爲自帶瀏覽器和UC不識別css3的新單位,vw,vh.
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
以上是雲棲社區小編爲您精心準備的的內容,在雲棲社區的博客、問答、公衆號、人物、課程等欄目也有的相關內容,歡迎繼續使用右上角搜索按鈕進行搜索軟鍵盤影響佈局 軟鍵盤彈出佈局頂上去、軟鍵盤彈出 佈局不動、彈出軟鍵盤 佈局閃爍、javascript軟鍵盤、h5軟鍵盤把佈局頂上去,以便於您獲取更多的相關知識。