読者です 読者をやめる 読者になる 読者になる

MyController

WEB業界素人の僕がまた見返しそうなことのメモです。

background-imageをスマホで高さ自動にする

CSS

こんな感じ。

 

#flow .tabOuter ul.tab li.instagram {
background-image: url(../img/sp/tab_insta_off.png);
background-size: contain;
padding-bottom: calc(50%*50/300);
height: auto;
}

calcの後ろで画像の高さ/幅を計算してる。

今回は高さ50px、幅300px