#hhtml5

[myu1100]

CSSで縦横比を維持しながら横幅いっぱいに背景画像を表示させる方法

レスポンシブで、背景画像で対応したいのに、うまくいかない。

とりあえず、参考のサイトをメモ。

padding-top:（画像の高さ / 画像の横幅 * 100%）;

calcなのか、floorで対応したほうが良いのかが、

イマイチわからないな…。

https://webmanab-html.com/tip/resposive-background/

http://www.nxworld.net/tips/css-background-aspect-ratio.html

http://gimmicklog.main.jp/css3/747/