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

See the Pen Responsive background-image by nakanishi (@nakanishi) on CodePen. ポイントは疑似要素にパディングを与えて、親要素の高さを動的に決定することである。疑似要素のパディングが、親要素に対して一定の比率を保つことで、結果として元画像の縦横比をキープしたまま、画像を伸縮することができる。