溢出-x iPod touch

Question

我正在創建網站的移動版本。我有3個div，每個寬度爲300％的寬度爲33.33％的寬度（因此它們都是屏幕的全部寬度），向左漂移以便它們並排放置，並且可以滑動通過點擊鏈接在divs之間。

我已將overflow-x: hidden;添加到body標籤以移除水平滾動條。這在桌面上可以正常工作，但在我的iPod touch上，我仍然可以使用我的手指進行水平拖動和滾動，而這並不是我想要的。

Answer 1

嘗試添加該到HTML head部分：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 

這將你的頁面的寬度設置爲設備查看它的寬度。在iOS設備上，它也會禁用捏放縮放手勢。

Answer 2

您需要在body內的包裝元素上使用寬度300%。如果您的身體上同時包含width:300%和overflow-x:hidden，那麼如果您希望隱藏的內容大於300％，您只能隱藏body內的內容。

請參閱my example使用body內的包裝。