首頁  >  文章  >  web前端  >  移動端 軟鍵盤 彈出時 影響佈局

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

WBOY
WBOY原創
2016-08-20 08:47:511477瀏覽

行動裝置 軟鍵盤 彈出時 會影響佈局

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.

 

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn