安卓下H5弹窗display:table的bug

Posted NatChen

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了安卓下H5弹窗display:table的bug相关的知识,希望对你有一定的参考价值。

表单以弹窗的形式弹出时,若设置了表单的div:display:table下,安卓打开页面输入法的时候,表单顶到屏幕顶部之后,再也无法上滑,键盘遮住了下面的输入框。在ios下,一切显示正常,因为iOS会自动将输入框居中到显示的区域,那么这种情况下怎么办呢?

 

解决方案:将display:table改成display:block,然后再将表单居中即可 

以上是关于安卓下H5弹窗display:table的bug的主要内容,如果未能解决你的问题,请参考以下文章

h5 video 封面poster IOS下无效不显示,安卓显示正常

安卓监听触摸事件,以及各种按键 处理

h5聊天室web端(仿微博微信)|h5仿微信网页端|仿微信界面弹窗

弹窗在浏览器里垂直居中(H5红包)

移动端H5页面点击穿透问题

display:table和display:table-cell的妙用