背景画像を横幅100%でレスポンシブ表示する
レスポンシブで背景画像を横幅いっぱいに表示する方法です。
background-image: url("ここで画像を指定"); background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; height: 0; padding-top: calc(画像の高さ / 画像の幅 * 100%);
参考
レスポンシブで背景画像を横幅いっぱいに表示する方法です。
background-image: url("ここで画像を指定"); background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; height: 0; padding-top: calc(画像の高さ / 画像の幅 * 100%);
参考