1枚の背景画像をブラウザの画面全体に広げる方法(サンプル2)

ウインドウサイズを様々に変化させても、背景画像1枚が必ずブラウザの画面全面に広がる形で表示されます。

不必要にファイルサイズの大きな画像をダウンロードしなくて済むように、Media Queriesを使って、描画領域の横幅に応じて読み込む画像を変化させるよう記述しています。

詳しいCSSの記述方法は、解説記事本文をご参照下さい。
記事に戻る