モバイルでの水平スクロールを無効にする

私はまだプログラミングの新人ですが、モバイルデバイスで水平スクロールを無効にする方法を知りたいと思います。私のウェブページ hereで見ることができるように、上部の画像はデバイスの幅よりも大きいです。私はこのフォーラムで見つけることができるほとんどすべてを試しましたが、本当に助けられたものはありませんでした。モバイルでの水平スクロールを無効にする

私は頭の中に<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1">を入れ、

は、様々な組み合わせでbody{overflow-x:hidden}を試してみましたが、何も働いた：/

出典

2016-12-26 J. Voitel

overflow'：

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

また、これは私の作品[オーバーフロー| CSS-Tricks]（https://css-tricks.com/almanac/properties/o/overflow/） – melancia

私のマシンではすべてうまく動作します。サイズを変更してすべてを試し、水平スクロールバーを取得していない！ –

をあなたのウェブサイトは、Androidの標準ブラウザでモバイルFirefoxとChromeで動作しますが、ありません。このブラウザにはuser-scalable=noが必要かもしれません。

メタタグに追加するだけです。あなたが `誤解している

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

出典

2016-12-27 08:04:06 Gehtnet

モバイルでの水平スクロールを無効にする

答えて

関連する問題