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

开发者社区> 问答> 正文

阿里云APP内打开

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

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

展开

收起

杨冬芳 2016-06-21 10:41:16 2280 0

1 条回答

写回答

取消提交回答

杨冬芳

IT从业

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

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

2019-07-17 19:44:35

赞同展开评论打赏

相关问答

web系统中文件系统为什么需要进一步优化?怎样优化？

54

1

0

web系统中反向代理服务器的目的是什么？怎样实现这个目的？

68

1

0

web系统中正向代理服务器是什么？反向代理服务器是什么？

66

1

0

Web系统中数据库服务器与应用服务器的集群有什么区别呢？

69

1

0

Web系统中数据中有哪些锁？数据怎样保证一致性呀？

74

1

0

Web系统中负载均衡服务器是做什么的？

81

1

0

Web系统中数据库对于应用来说是什么？有什么用处？

66

1

0

什么是是Web布局模式中唯一一种二维布局？

73

1

0

Web排版布局上有哪些新特性？

62

1

0

请问这样子创建的“使用自定义运行时平滑迁移 Web Server”，弹性实例，按量计费，是每次请求都

473

1

0

问答排行榜

最热

最新

1 通过阿里云代备案系统进行个人快速备案 2688556

2 【大咖问答】对话PostgreSQL 中国社区发起人之一，阿里云数据库高级专家德哥 1685129

3 据说在家办公的程序员是这样写代码的？ 1664203

4 《阿里云服务器从入门到精通》—论坛精华帖汇总 1063352

5 阿里云开放端口权限 684181

6 《阿里云服务器从入门到精通》—论坛精华帖汇总（2013.8.21更新） 596045

7 如何升级配置 533083

8 【精品问答】python技术1000问(1) 508754

9 【藏经阁一起读（27）】本周推荐《Apache Flink案例集（2022版）》，你有哪些心得？ 508154

10 Flink Forward Asia 2021 有奖问答 506263

11 Linux Bash严重漏洞修复紧急通知（已全部给出最终修复方案） 452156

12 OceanBase 使用动画（持续更新） 354726

13 阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本 324065

14 OSS存储服务-客户端工具 317659

15 企业邮箱发送邮件时，若出现投递失败产生退信，内容提示包含如下： the mta server of * reply:550 failed to meet SPF requirements 或者 the mta server of 163.com — 163mx01.mxmail.netease.com(220.181.14.141) reply:550 MI:SPF mx14,QMCowECpA0qTiftVaeB3Cg—.872S2 1442548128 http://mail.163.com/help 296686

16 Win Server 2003-2016 加密勒索事件必打补丁合集 291994

17 为体验实验室取一个新名字。 286108

18 FLASH播放器，在IE浏览器下显示请确定您的域名已完成备案和CNAME绑定 277426

19 安全组详解，新手必看教程 274053

20 【史上最详细】阿里云ECS安装wordpress教程 270725

1 阿里云有实名认证接口吗？怎么购买阿里云实名认证接口？ 137

2 子表单组件存放地址，怎样点击跳转 123

3 表单的组件数已达上限 168

4 图文展示用变量绑定的CSS样式设定问题 182

5 阿里云物联网平台设备数量限制 182

6 宜搭高级认证 193

7 阿里云的客服说他们ip被电信屏蔽(阻断)...寻求律师帮助... 253

8 下拉单选关联其他流程表单时出现”未支持搜索“提示 126

9 sstableloader迁移数据可以把sstable均分到数据磁盘吗 184

10 请问怎么开始使用 OSS？ 140

11 表单选择EXCEL表导入数据时部分数据导入触发业务规则失败，错误代码YIDA-BUS-16-0040 134

12 阿里云服务器S6可以放几个网站？ 152

13 宜搭数据页面，更新100条以内的数据，显示“查询索引字段数量已达上限”，刚购买的标准版就这样躺下了 210

14 麻烦问下 ts 编写的 nodejs 程序环境中需要安装 typescript ts 130

15 宜搭使用自定义连接器更新钉钉待办状态（标记待办已完成）失败 508

16 子表单如何实现条件过滤后通过UPSERT更新另一张表 341

17 请问OSS的数据是如何组织的？ 242

18 这是为什么，前面还好好的。 126

19 请问大佬们， chaos-agent 和chaos-box之间通信是http，两个组件之间是否有鉴权 139

20 我现在遇到一个问题想请教一下。就是我前段时间弄的那个strapi，pre-deploy阶段挺久的，这 211

相关课程

更多

Python Web 框架 Flask 快速入门

30530

31

去学习

Python Web 框架 Django 快速入门

30313

4

去学习

网络安全攻防 - Web渗透测试

2729

40

去学习

Nginx企业级Web服务实战

602

11

去学习

体验-使用 kubect 部署 web 应用到 k8s 集群

405

1

去学习

云开发Web应用训练营

528

5

去学习

推荐问答

乘风问答官招募中！机械键盘免费拿

相关电子书

更多

边缘安全，让Web加速有保障

立即下载

使用CNFS搭建弹性Web服务

立即下载

WEB框架0day漏洞的发掘及分析经验分享

立即下载