防止iOS中的响应式Web应用程序水平滚动

Question

这让我疯狂！

我有以下作为冰雹：

.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。我仍然可以拿着我的胖拇指，并在我的网络应用程序上向左滑动到无穷大。仅限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">

如何阻止这种情况发生？

Answer 1

出于某种原因，position: relative就是这个伎俩。这种黑魔法令人筋疲力尽。

Answer 2

如果您还没有使用它，请尝试使用bootstrap。网上有很多格式化视频，所以如果你想要我个人的最爱，那就是：LearnCodeAcademy。他们在Bootstrap上创建了一个视频，所以你要查看它。