开发者社区> 问答> 正文

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

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

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

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

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

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

相关电子书

更多
Web应用系统性能优化 立即下载
高性能Web架构之缓存体系 立即下载
PWA:移动Web的现在与未来 立即下载