移動端 軟鍵盤 彈出時 影響布局

標籤：

移動端 軟鍵盤 彈出時 會影響布局

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.

 

移動端 軟鍵盤 彈出時 影響布局