仅需要执行下面这段代码即可解决上图空白区域的留白问题
document.querySelector("html").style.height = `${window.innerHeight}px`;//适配手机端防止底部留白
解决网页、H5页面在手机端访问时，底部会有一段莫名其妙的空白，大约有几百像素高的留白
2023-12-15
140
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
解决网页、H5页面在手机端访问时，底部会有一段莫名其妙的空白，大约有几百像素高的留白
目录
相关文章
|
1月前
|
JavaScript
前端开发
UED
|
9月前
|
PHP
|
移动开发
|
Java
应用服务中间件
网络安全
|
Web App开发
|
网络安全
数据安全/隐私保护
Windows
|
应用服务中间件
网络安全
nginx
|
Linux
PHP
Android开发
|
2月前
|
监控
安全
Android开发
热门文章
最新文章
1
使用正则表达式验证身份证号、QQ号、手机号、邮箱、地址、邮编、银行卡号、学号、车牌号、快递单号、验证码、ISBN号、网址、IPV4地址、IPV6地址、出生年月日、姓名2
2
阿里云DNS常见问题之在手机上使用阿里的私人dns失败如何解决
3
1185: 手机打字
4
html页面实现自动适应手机浏览器（一行代码搞定）
5
解决使用document.activeElement.blur()禁止弹出手机默认键盘
6
MATLAB用深度学习长短期记忆 (LSTM) 神经网络对智能手机传感器时间序列数据进行分类
7
JS自动跳转手机移动网页
8
【SpringBoot】Validator组件+自定义约束注解实现手机号码校验和密码格式限制
9
特斯拉手机应用上线AI聊天助手：特斯拉助手Beta版
10
【新手必读】Airtest测试Android手机常见的设置问题
1
HC05蓝牙模块与手机APP连接
42
2
vos3000外呼系统非标准的11位手机号码开启国内业务和黑白名单时需设置忽略前缀
20
3
手机使用Python轻松下载闲鱼短视频
30
4
使用TransBigData组件实现个人手机定位功能
21
5
前端分析工具之 Charles 录制 Android/IOS 手机的 https 应用
58
6
H5唤起手机打电话（拨号）和发短信功能
49
7
手机上0.2秒出图、当前速度之最，谷歌打造超快扩散模型MobileDiffusion
26
8
慧鲤携手联发科技亮相MWC,端侧LoRA融合技术助力手机大模型技能扩充
44
9
【SpringBoot】Validator组件+自定义约束注解实现手机号码校验和密码格式限制
110
10
支付宝小程序入门学习之一：如何创建支付宝小程序并在手机上预览
30