Html 防止在iOS中的响应web应用程序上水平滚动

这简直让我发疯

我有以下作为万岁圣母玛利亚：

.container-fluid, .durandal-wrapper, .page-host, .application-host, .application-host > div, body, html {
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100% !important;
    overflow: hidden !important; // still broken if only overflow-x hidden
    overflow-y: auto !important;
}

div {
    max-width: 100% !important;
} 

^这些都是我的容器div，然后是所有div。我仍然可以用我肥胖的拇指在我的web应用程序上向左滑动到无穷远。仅在iOS上。我脑子里想的是：

<meta name="viewport" content="minimal-ui,width=device-width,height=device-height,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">

---

如何阻止这种情况发生？

出于某种原因，正是

位置：相对
起了作用。这种黑魔法让人筋疲力尽。
如果您还没有使用引导，请尝试使用它。网上有很多格式化视频，所以如果你想要我的个人最爱，那就是：LearnCodecademy。他们在Bootstrap上创建了一个视频，所以您想查看它。
嗯，可能是网站上的某些东西导致了溢出，这是您应该尝试解决的根本问题。但您也可以尝试将所有
100%
widths/max widths替换为
100vw
@michaelocker如果它只发生在iOS上，我如何识别罪犯？PS刚刚尝试过——没有香蕉。如果你能用chrome的移动模拟器复制它，请使用开发工具。或者在mac电脑上，你可以将手机插入其中并使用safari，或者你可以在xcode中使用ios模拟器。Chrome不重新编程，我在windows上。完全无关。