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


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

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

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です