DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 手機軟鍵盤彈出時影響布局的解決方法
手機軟鍵盤彈出時影響布局的解決方法
編輯:關於JavaScript     

移動端軟鍵盤彈出時影響布局該如何解決

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.

 感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved