下層ページイメージ

新着情報

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

htmlタグ画像

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

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

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

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

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

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


« | »

こちらの記事もオススメです

新着情報一覧

ホームページ制作にまつわる便利な情報を長野より発信!