如何防止HTLM5或javascript中的缩放/滚动
如何防止HTLM5或javascript中的缩放/滚动
提问于 2021-01-15 06:43:23
我使用简单的HTML5页面并使用下面的代码来防止缩放/滚动。
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="full-screen" content="yes"/>
<meta name="screen-orientation" content="landscape"/>
<meta name="viewport" content="user-scalable=0"/>Facebook应用审查小组收到了以下反馈，拒绝了我的应用程序。
开发人员策略1.2 -构建一个高质量的产品我们发现您的游戏允许缩放/滚动到游戏之外，这将减少游戏中的体验。除非你的游戏需要这些动作游戏，请修改你的游戏，然后再提交审查。
不确定如何防止HTML5中iOS设备的缩放/滚动。请帮帮忙。
回答 2
Stack Overflow用户
发布于 2021-01-15 08:31:07
pras，
如@lukeocom所示，如果存在溢出问题，可以将溢出属性设置为隐藏溢出问题。但是，如果您只想禁用缩放，可以在HTML中使用以下内容：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />这应该适用于移动，但不适用于桌面。如果还想禁用桌面上的缩放功能，可以将事件侦听器附加到Ctrl、+和-键，然后在JavaScript中使用e.preventDefault()，并对Ctrl + mousewheel事件执行同样的操作。
编辑:此外，如果您想在桌面上禁用缩放功能，可以在CSS中使用zoom: reset。不过，这只适用于Chrome。
这些是我的消息来源：
Stack Overflow用户
发布于 2021-01-15 08:02:57
我不确定这是否对你有帮助，但听起来你可能有一些溢出内容。因此，您可以尝试添加溢出:隐藏到html标记，或设置最大宽度/高度，或设置绝对或固定位置：
:root,
html {
overflow: hidden;
position: absolute;//or fixed
top:0;
right: 0;
bottom: 0;
left: 0;
max-width: 100vw;
max-height: 100vh;
}或者，检查您的页面内容并查看是否有任何容器溢出，并将上述内容应用于该特定容器，或修复问题本身的原因。调试！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65731575
复制相关文章
相似问题
腾讯云开发者
