ホームページ制作便利CSS【背景画像をレスポンシブにする】

記事公開日：2017.10.16

100%スマートフォン対応が求められるホームページ制作ですが、画像が絡んでくるhtmlやjavascriptなど扱いに困る時があります。

スマフォで画面が小さい時でも画像がよく見えるよう対応が求められるので、パソコン用とスマフォ用と画像を変えてみたり、画面がちいさくなってもレイアウトが崩れないよう配慮して制作する必要があります。

最近は画像ババーン（大きい）なホームページが多いですね。

そんな時は、背景画像をレスポンシブで表示できる「CSSの background-size プロパティ」が便利です。

今回参考にさせていただいたサイトです。ありがとうございます

background-sizeで背景画像をレスポンシブ対応する方法