手機軟鍵盤彈出時影響布局的解決方法
更新時間：2016年12月15日 10:28:11 投稿：lqh
這篇文章主要介紹了手機軟鍵盤彈出時影響布局的解決方法的相關(guān)資料,大家開發(fā)移動端的軟件時候，肯定會因為軟鍵盤的彈窗影響布局，這里說下如何解決，需要的朋友可以參考下
移動端軟鍵盤彈出時影響布局該如何解決
1）前段時間作的移動端頁面，因為高度只有1頁所以用了height:100%;width:100%;
ios下點擊輸入框彈出軟鍵盤時，布局沒有大影響。
當輸入框可能被軟鍵盤壓到時，在一部分安卓下卻出了問題，華為自帶瀏覽器和UC會有布局上的問題。
原因可能是因為，軟鍵盤彈出時，改變了height，使height:100%,不能達到原來的高度。
解決辦法：
$(document).ready(function () {
$('body').height($('body')[0].clientHeight);
});
頁面加載完后，js給body一個定高。
2）以前還遇到過，移動端點擊輸入框時，頁面向左偏移了一部分，但太久了，忘了什么瀏覽器了，重現(xiàn)不了，解決的方法是使輸入框的大小居中.
PS:吐槽下華為自帶瀏覽器和UC不識別css3的新單位，vw,vh.
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關(guān)文章
js判斷undefined變量類型使用typeof可以輕松實現(xiàn)，不了解的朋友可以參考下哈，希望對你有所幫助2013-06-06
這篇文章主要介紹了prettier自動格式化去換行的實現(xiàn)代碼，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-08-08
這篇文章主要介紹了js動態(tài)獲取時間的方法,結(jié)合實例形式分析了javascript日期時間計算與頁面元素動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-08-08
javascript的函數(shù)...2006-07-07
這篇文章主要為大家介紹了JavaScript設計模式中的享元模式，對JavaScript設計模式感興趣的小伙伴們可以參考一下2016-01-01
javascript中不易分清的slice,splice和split三個函數(shù)
這篇文章主要為大家詳細介紹了javascript中不易分清的slice,splice和split三個函數(shù)，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要給大家介紹了關(guān)于JS監(jiān)聽元素dom變化的相關(guān)資料,監(jiān)聽DOM大小的變化,在前端開發(fā)中,算是一個比較常見的需求,比如我們要制作可伸縮的圖表的時候,可能需要根據(jù)DOM大小的變化,進行動態(tài)的更新圖表,需要的朋友可以參考下2023-09-09
JavaScript forEach的幾種用法小結(jié)
forEach()是JavaScript中一個常用的方法,用于遍歷數(shù)組或類數(shù)組對象中的每個元素,本文就來介紹一下JavaScript forEach的幾種用法小結(jié),具有一定的參考價值,感興趣的可以了解一下2023-11-11
在前端開發(fā)的過程中,我們經(jīng)常會遇到需要對于輸入的字符串進行格式化處理,這篇文章主要給大家介紹了關(guān)于使用js去除字符串內(nèi)所帶有空格的三種方法,需要的朋友可以參考下2023-10-10
javascript中Array()數(shù)組函數(shù)詳解
在JavaScript中數(shù)組也是比較常用的對象之一，數(shù)組是值的有序集合，本篇文章給大家分享Javascript中Array()數(shù)組函數(shù)詳解，需要的朋友可以參考下2015-08-08