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


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

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.

 


免責聲明!

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



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