微信H5--手机键盘弹起导致页面变形
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信H5--手机键盘弹起导致页面变形相关的知识,希望对你有一定的参考价值。
2017-3-22
今天工作中遇到了手机键盘弹出将整个界面都挤扁现象。
业务场景:点击input(type=text)输入验证码整个页面被挤扁。
解决办法:在input获取/失去光标时动态改变页面的高度,
‘你要解决页面的’.css.style.height = ‘你屏幕的高度‘ +‘px‘
以上是关于微信H5--手机键盘弹起导致页面变形的主要内容,如果未能解决你的问题,请参考以下文章
微信浏览器H5页面,当软键盘/下拉选框关闭导致页面底下空缺的问题处理