移動(dòng)端軟鍵盤彈出時(shí)影響布局該如何解決

1）前段時(shí)間作的移動(dòng)端頁面，因?yàn)楦叨戎挥?頁所以用了height:100%;width:100%;

ios下點(diǎn)擊輸入框彈出軟鍵盤時(shí)，布局沒有大影響。

當(dāng)輸入框可能被軟鍵盤壓到時(shí)，在一部分安卓下卻出了問題，華為自帶瀏覽器和UC會(huì)有布局上的問題。

原因可能是因?yàn)椋涙I盤彈出時(shí)，改變了height，使height:100%,不能達(dá)到原來的高度。

解決辦法：

$(document).ready(function () {　　$('body').height($('body')[0].clientHeight);});

頁面加載完后，js給body一個(gè)定高。

2）以前還遇到過，移動(dòng)端點(diǎn)擊輸入框時(shí)，頁面向左偏移了一部分，但太久了，忘了什么瀏覽器了，重現(xiàn)不了，解決的方法是使輸入框的大小居中.

PS:吐槽下華為自帶瀏覽器和UC不識(shí)別css3的新單位，vw,vh.

 感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！