私はWordpress駆動のWebサイトのiPhoneバージョンを開発しています.WebサイトがiPhoneのSafariで開いているときに水平スクロールを無効にする方法があるかどうか疑問に思っていました. 現在、開発の途中で、水平スクロールを無効にできるかどうかを確認するために、画面幅を超えていた要素を非表示にしましたが、それでも水平に右にスクロールできます。<style>のタグ内に次のコードを入れてみました<head>が、役に立ちませんでした。
本体 { オーバーフロー-x: 非表示; }
ユーザーが iPhone から Web サイトを表示している場合にエコーするように head ファイル内に次の<meta>コードを配置しましたが、ユーザーのピンチを無効にするだけです。つまり、画面をピンチしてズームインおよびズームアウトすることはできません。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
現在、iPhone 4 を使用して Web サイトをチェックしています。Web サイトには、次のリンクからアクセスできます: http://ignoremusic.com。皆さんからの解決策を楽しみにしています、ありがとう。
解決策: @Riskbreaker で提案されているように、幅が ~312px を超える要素がいくつかあったため、左にスワイプできました。そのようなすべての要素の幅を調整した後、水平スワイプを無効にしました。私が学んだことの 1 つは、iPhone/iPad の場合、overflow-x を非表示にしても役に立たないということです。すべての要素の幅を画面の幅に縮小する必要があります。横にスワイプします。