防止在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。我仍然可以拿起我的胖拇指，並在我的網絡應用程序中向左滑入無限遠處。只在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">

我該如何阻止這種情況發生？

來源

2017-05-09 SB2055

嗯，它可能是在網站上導致溢出的東西，這是你應該嘗試修復的根本問題。但你也可以用'100vw'替換所有'100％'widths/max-widths' –

@MichaelCoker如果只發生在iOS上，我該如何識別罪魁禍首？ PS剛剛嘗試過 - 沒有香蕉。 – SB2055

如果您可以使用chrome的移動模擬器重現它，請使用開發工具。或者在Mac上，您可以將手機插入並使用Safari，或者您可以在xcode中使用ios模擬器。 –

出於某種原因，它是position: relative這個伎倆。這個黑魔法令人筋疲力盡。

來源

2017-05-09 00:45:35 SB2055

-1

嘗試使用引導，如果你沒有使用它。網上有很多格式化視頻，所以如果您想要我的個人最愛，那就是：LearnCodeAcademy。他們在Bootstrap上創建了一個視頻，所以你想看看它。

來源

2017-05-09 00:50:55 Soup

完全不相關。 – SB2055

防止在iOS中的響應web應用程序水平滾動

回答

相關問題