html - Viewport 元标记仅在 Chrome 上禁用 iPad 上的滚动

Question

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

在第 6 代 iPad(980 x 1167 窗口大小)上使用视口(viewport)元标记以及 1024.469px 的 div 高度意味着任何大于屏幕高度的内容都无法滚动。

滚动条确实显示 ，但是当尝试滚动时，它会不断弹回顶部并且不允许垂直滚动。

删除视口(viewport)表明页面适合 iPad 屏幕，无需滚动。

也许这个问题是由于缩放引起的？

我剥离了整个页面来找到罪魁祸首，这绝对是这个 View 端口元标记。

将 div 的高度增加大约 30 像素，即使使用元标记，用户也可以滚动。

事实上，将高度增加到大于 1024.469px 似乎可以解决此问题。

我想使用元标记，但也希望我的滚动能够工作。

Answer 1

因此，为了避免这种情况发生，请在包含您的内容的元素上设置overflow:hidden，否则避免元素溢出。

注意:其他移动浏览器也支持视口(viewport)元标记一段时间了，因此您也需要在这些浏览器中进行测试。

详细查看。考虑link