スマートフォンサイトにおける背景画像のサイズ調整 | MJ-WAVE.COMRetinaディスプレイとかとっても素敵なディスプレイのおかげで、 画像は大きめに作ってwidth属性等でちっちゃくする、工程が必要になりました。 imgタグで置いてる分にはwidth属性に数値入れちゃえばいいだけだけど、 じゃあ背景画像は？ってことで以下のようにします。 #hoge { background-image:url("images/bg.png"); /* ↑実際の画像のサイズは200px*200pxとする */ -moz-background-size: 100px 100px; /* Firefox */ -webkit-background-size: 100px 100px; /* Safari,Chromeなど */ -o-background-size: 100px 100px; /* Opera */ -ms-background-size: 100px 100
