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