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