オーバーフロー-x iPod touch

Question

私はサイトのモバイル版を作成しています。私は3つのdivを持っています。幅はそれぞれ33.33％、幅は300％です（スクリーンの全幅になります）。左に浮かべて横に並んでいるので、スライドできますリンクをクリックしてdiv間を移動します。

bodyタグにoverflow-x: hidden;を追加して、水平スクロールバーを削除しました。これはデスクトップ上でうまく動作しますが、私のiPod touchでは、指を使って横にドラッグしてスクロールすることができますが、これは嫌です。

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

これはそれを見て、デバイスの幅にページの幅を設定します：HTML headセクションにこれを追加すること

Answer 1

してみてください。 iOSデバイスでは、ピンチ・ズーム・ジェスチャーも無効になります。

Answer 2

body内のラッパー要素には、幅が300%である必要があります。体にwidth:300%とoverflow-x:hiddenの両方がある場合は、非表示にするコンテンツが300％を超える場合は、body内のコンテンツのみを非表示にします。

を参照してください。bodyのラッパーを使用してください。