我注意到一些奇怪的事情似乎只发生在 iPhone Safari 上:
如果内容不高于视口，则无论如何都可能滚动一点。它甚至可以在空白页面上滚动一点。 (Safari 顶栏的高度？)
截图:
我在 iPhone Portrait 或 iPad 上没有看到这个问题。我在模拟器中尝试了 iOS 8 和 9。
我正在创建一个 webapp，如果正文不高于视口(viewport)的 100%，我不希望发生这种情况。
试试看:
<html>
<head>
<style>
html, body {
overflow:hidden;
}
</style>
<meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,minimum-scale=1">
</head>
<body>
123
</body>
</html>
最佳答案
更新答案:
我发现的最佳解决方案是删除默认移动事件。这不会删除拥有链接和功能的能力，但会阻止页面可滚动。然后，您将使用 @media 设计您的页面，为横向/纵向和各种屏幕尺寸创建自定义 css。评论中@media 示例的链接。然后，您可以通过 jquery 或 javascript 实现滚动条。由于视口(viewport)元的 IOS 8 minimal-ui 已被删除，并且没有简单的方法解决横向的屏幕高度问题。
document.ontouchmove = function(event){
event.preventDefault();
} html, body {
overflow: hidden;
position: fixed;
}<html>
<head>
<meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,minimum-scale=1">
</head>
<body>
123456
</body>
</html>关于html - iPhone横向滚动甚至在空白页面上，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39000273/