html - 在移动应用中滚动时,使用什么 CSS 规则来消除烦人的水平空白?
问题描述
我已经验证这不是任何其他元素在其中的任何空间......它只是一个令人讨厌的空白,不会让我在我的网络应用程序中完全垂直滚动。每当我横向滚动时,它就会出现……但如果我放开屏幕,它就会弹回原位!
有人知道怎么修这个东西吗?抱歉,如果问题已经存在。我不知道如何正确解释这个......我已经尝试过这个=>
html, body {
max-width: 100%;
overflow-x: hidden;
}
我知道这很难理解。例如,如果您使用的是移动设备,请访问https://www.dominos.com/并尝试横向滚动。你会看到它被锁定了......我该怎么做?
解决方案
我猜你也需要添加一个最小宽度,我用这样的东西代替百分比。最大宽度:100vw;最大高度:100vh;
推荐阅读
- scala - 使用 Source.fromUrl 的有效 url 出错
- ios - 应用程序执行屏幕旋转过渡时如何避免黑色背景区域?
- cmake - 如何让 CMake 将我的测试程序链接到 netCDF 库?
- nuxt.js - 如何使用 vee-validate 本地化 Nuxt 的表单验证错误消息
- android - angular js 2.17 版的所有 mobiscroll 组件在 Android 10 上停止工作
- python - 如何使用 tensorflow 进行文本分类?
- php - 使用水印 codeigniter 加载字体时出错
- java - PostgreSQL 上的 FlywaySqlException:无法创建 PoolableConnectionFactory(错误:由于用户请求而取消语句
- javascript - Javascript addEventListener 在 Laravel 中无法与 querySelector 一起使用
- tsql - 获取正在运行的工作站客户端应用程序的 FQDN