experimental.danielhons.deの下にウェブサイトを作成しています。モバイルデバイスのような小型デバイスやブラウザウィンドウの幅を小さくすると問題が発生します。HTML、CSS - 不明な理由で本体が横方向に広がる
ある時点で、ページは水平方向にスクロール可能になり、右側には空白があります。 Firebugのを使用して
は、私はそれがスクリーンを超えて体タグであることがわかり、私はこのCSSを使用しています
html, body {
max-width: 100%;
overflow-x: hidden;
overflow:hidden;
}
はどのようにして水平にスクロールされてからページを防ぐことができますか? Screeshot with overflow:auto
私はもうしばらく前に同様の問題を覚えています。私の場合、それはヘッダーイメージでした。あなたは適切なメディアクエリを介して携帯電話のためのより小さい写真を提供することを検討することがあります。 –
私はbackground-size:coverを使用します。私はこれが問題ではないことを願っています。 - これを確認してください:イメージを削除しても動作は変わりません。 – AsconX