[css] backgroundイメージの表示サイズを指定する

スマホやタブレット向コーディングでたまに使いそうなのでメモ
背景画像を倍サイズで作成して、その50%サイズで表示したいときなど。

btn.png を w200px h100px で作成して、以下のcss指定すると
aタグのサイズに会わせて、縦横比率保持したまま、50%に縮小されて表示される。

#button a {
	width:100px;
	height: 50px;
	background:url('img/btn.png') no-repeat;
	background-size:contain;
}
スポンサーリンク

シェアする

フォローして更新を受け取る

スポンサーリンク