移动端web页面,页面内容会随着系统键盘的隐藏而下滑,导致布局错乱-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

移动端web页面,页面内容会随着系统键盘的隐藏而下滑,导致布局错乱

移动端web页面,系统键盘会把html结构往上顶(这个正常),而且当页面里的input失去焦点时,页面内容会随着系统键盘的隐藏而下滑,导致布局错乱,抓包看了下dom结构未动,但是里面的内容滑下了一段距离。
有没有大神帮忙解决这个bug

展开
收起
杨冬芳 2016-06-21 10:41:16 2183 0
1 条回答
写回答
取消 提交回答
  • 杨冬芳
    IT从业

    试试在头部里面加上
    <meta name="viewport" content="maximum-scale=1,user-scalable=no">
    移动端的很多行为都可以同过meta控制

    另外input点击会有浏览器的默认行为 试下e.preventDefault()来限制浏览器默认行为

    2019-07-17 19:44:35
    赞同 展开评论 打赏
问答分类:
相关产品:
问答排行榜
最热
最新
相关电子书
更多
边缘安全,让Web加速有保障
立即下载
使用CNFS搭建弹性Web服务
立即下载
Web应用系统性能优化
立即下载