手機軟鍵盤彈出時影響布局的解決方法
更新時間：2016年12月15日 10:28:11 投稿：lqh
這篇文章主要介紹了手機軟鍵盤彈出時影響布局的解決方法的相關資料,大家開發(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.
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關文章
js判斷undefined變量類型使用typeof可以輕松實現(xiàn)，不了解的朋友可以參考下哈，希望對你有所幫助2013-06-06
這篇文章主要介紹了prettier自動格式化去換行的實現(xiàn)代碼，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-08-08
這篇文章主要介紹了js動態(tài)獲取時間的方法,結合實例形式分析了javascript日期時間計算與頁面元素動態(tài)操作相關實現(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
這篇文章主要給大家介紹了關于JS監(jiān)聽元素dom變化的相關資料,監(jiān)聽DOM大小的變化,在前端開發(fā)中,算是一個比較常見的需求,比如我們要制作可伸縮的圖表的時候,可能需要根據(jù)DOM大小的變化,進行動態(tài)的更新圖表,需要的朋友可以參考下2023-09-09
forEach()是JavaScript中一個常用的方法,用于遍歷數(shù)組或類數(shù)組對象中的每個元素,本文就來介紹一下JavaScript forEach的幾種用法小結,具有一定的參考價值,感興趣的可以了解一下2023-11-11
在前端開發(fā)的過程中,我們經(jīng)常會遇到需要對于輸入的字符串進行格式化處理,這篇文章主要給大家介紹了關于使用js去除字符串內(nèi)所帶有空格的三種方法,需要的朋友可以參考下2023-10-10
javascript中Array()數(shù)組函數(shù)詳解
在JavaScript中數(shù)組也是比較常用的對象之一，數(shù)組是值的有序集合，本篇文章給大家分享Javascript中Array()數(shù)組函數(shù)詳解，需要的朋友可以參考下2015-08-08