微信H5--手机键盘弹起导致页面变形

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信H5--手机键盘弹起导致页面变形相关的知识,希望对你有一定的参考价值。

2017-3-22

  今天工作中遇到了手机键盘弹出将整个界面都挤扁现象。

  业务场景:点击input(type=text)输入验证码整个页面被挤扁。

技术分享

  解决办法:在input获取/失去光标时动态改变页面的高度,

  ‘你要解决页面的’.css.style.height = ‘你屏幕的高度‘ +‘px‘ 

以上是关于微信H5--手机键盘弹起导致页面变形的主要内容,如果未能解决你的问题,请参考以下文章

H5防止安卓手机软键盘弹出挤压页面导致变形的方法

微信浏览器H5页面,当软键盘/下拉选框关闭导致页面底下空缺的问题处理

移动端H5软键盘的问题

移动端中 H5输入框在弹起键盘后被遮挡

H5输入框在输入信息的时候 页面会变形 并且在页面不变形的时候 键盘会遮挡 输入框的解决办法

安卓微信端打开H5页面背景图被键盘挤压移动位置解决