开发者社区> 问答> 正文

微信下html页面,键盘弹出,页面变形

screenshot
然后点击输入框后,键盘弹出,页面被压缩了,然后按钮向上移动了,如下图所示:
screenshot
screenshot
页面布局上的元素的位置用的是绝对定位,absolute。

这个问题有什么办法可以解决吗

暂时找到了一个解决办法。

由于安卓下键盘弹出会导致页面resize的,写个监听resize事件

    var HEIGHT = $('body').height();
        $(window).resize(function() {
            $('.main').height(HEIGHT);
        });

当键盘弹出的时候,重置为原来的高度

展开
收起
杨冬芳 2016-06-20 14:01:29 3353 0
1 条回答
写回答
取消 提交回答
  • IT从业

    最外层容器用js设置为屏幕宽高,这样键盘弹出也没事

    2019-07-17 19:44:05
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
天猫 HTML5 互动技术实践 立即下载
微信移动客户端数据存储优化实践 立即下载
天猫HTML5互动技术实践 立即下载