一般的なレイアウトエラー:水平スクロールのテスト

この間違いは小さく目立たないものですが、それでも間違いです。 彼女は以下を含む膨大な数のサイトにいます ハブラハブに。



この問題は、ブラウザーウィンドウの幅全体に広がる要素の背景画像で発生します。 たとえば、Habrahabrの地下室。 水平スクロールが表示され、右に回転するまでブラウザウィンドウを縮小すると、背景を切り取ることができます。



Habrahabrでは、この問題は明らかではありません(背景は常にテキストの下にあります)。そのため、ランダムサイトからのより明白な例を示します。

画像



CSSエラーを修正する最も簡単な方法

html {min-width: 960px;}
      
      







開発者にこの小さなバグについて思い出させたいのは、 ウェブスタジオのウェブサイト上でさえ、非常に一般的です(「ウェブサイト開発」のリクエストでGoogleの発行を確認し、5つのサイトのうち3つでエラーを見つけました)。



All Articles