1枚の写真を背景画像としてブラウザの描画領域全面に広げる方法無駄に大きな画像を読み込まずに済むよう、大中小3種類の写真を用意ブラウザのウインドウサイズを変化させても、必ず画像が全面を覆うように表示される画面サイズ(ウインドウサイズ)に応じて、読み込まれる画像が変わる「横幅いっぱいに広げる」方法(以前の記事で解説)では、描画領域の全面を覆えるわけではないブラウザのウインドウ(描画領域)の全面を背景画像で覆えるように、背景画像の表示サイズが自動調整される無駄に大きな画像を読み込まずに済むよう、大中小3種類の写真を用意しておき、レスポンシブWebデザインの記述方法を使って、適切に切り替えるのが望ましいブラウザのウインドウサイズを変化させても、必ず画像が全面を覆うように表示される画面サイズ(ウインドウサイズ)に応じて、読み込まれる画像が変わる別記事で解説した「横幅いっぱいに広げる」方法では、描画領域の全面を覆えるわけではないこの写真の記事を読む※記事内容は執筆時点のものです。最新の内容をご確認ください。※OSやアプリ、ソフトのバージョンによっては画面表示、操作方法が異なる可能性があります。