iPhoneのウェブサイトで水平スクロールを無効にする

私は、Wordpress駆動のウェブサイトのiPhone版を開発しています。私はSafari for iPhoneでウェブサイトを開いているときに水平スクロールを無効にする方法があるのだろうかと思いました。今、私は開発の途中で、水平スクロールを無効にすることができるかどうかを確認するために、画面幅を超えていた要素は隠していましたが、右に水平スクロールできます。私は<head>に<style>タグ内に以下のコードを入れてみましたが、それは助けにはならなかった。iPhoneのウェブサイトで水平スクロールを無効にする

体{オーバーフロー-Xを：隠されました; }

私は、ユーザーがiPhoneからウェブサイトを閲覧している場合はエコーするヘッドファイル内に次<meta>のコードを入れているが、それは唯一のユーザピンチつまりあなたはズームインして画面をつまんでズームアウトすることはできませんが無効になります。

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

私は現在、ウェブサイトをチェックするためにiPhone 4を使用していますし、ウェブサイトは、このリンクに行くことによってアクセスすることができます：http://ignoremusic.com。皆さんからの解決を楽しみにしています、ありがとうございます。

SOLUTION： @Riskbreakerによって示唆されるように、なぜ私は可能性がまだスワイプ左に、すべてのそのような要素の幅を調整した後で〜312pxの幅を超えたいくつかの要素がありました、横スワイプを無効にしました。私が学んだことの1つは、iPhone/iPadの場合には overflow-xを隠すことは助けにならないことです。あなたの画面の幅にすべての要素の幅を縮小する必要があります。水平にスワイプすることができます。

出典

2013-04-08 Fahad Hasan

"ソリューション"セクションごとに - オフスクリーンの要素がある場合は、水平スクロールを強制的に無効にする方法はありますか？ –

このようなあなたの体のオーバーフローを追加：

body { 
     font: 12px/20px "Helvetica neue", Helvetica, Arial, sans-serif; 
     font-weight: normal; 
     overflow: hidden; 
     overflow-y: auto; 
     }

そして、はいこれで滞在：私は、私は相手に少し遅れだけど、私はこれを持っていた

<meta name="viewport" content="width=device-width">

出典

2013-04-08 13:14:31 Riskbreaker

返信いただきありがとうございますが、CSSコードを追加しても機能しませんでしたが、私はまだ水平方向にスクロールできます。 –

これをstyle.cssやメインCSSに追加していますか？また、CSSのいくつかはあなたの反応で無視されています： '#headertop {width：980px;}' ....水平にしてスワイプさせています... – Riskbreaker

うまく動作するかどうかを確認するには、

iPhoneのウェブサイトで水平スクロールを無効にする

答えて