バックグラウンドイメージ背景の画像を画面幅100%にする方法


See the Pen Responsive background-image by nakanishi (@nakanishi) on CodePen.

ポイントは疑似要素にパディングを与えて、親要素の高さを動的に決定することである。疑似要素のパディングが、親要素に対して一定の比率を保つことで、結果として元画像の縦横比をキープしたまま、画像を伸縮することができる。

2 thoughts on “バックグラウンドイメージ背景の画像を画面幅100%にする方法”

Leave a Reply

Your email address will not be published. Required fields are marked *