制作中のバンドのサイト。
http://thebbboogie.com
画面右上に、にょきっ～と出てるギター画像。
横幅の狭いスマホやPCで見るとギターが画面左上のロゴにかぶってしまいます。
ギターのサイズが、そこそこあるからインパクトがあるので小さくしたくありません。
横幅がせまくなった時だけロゴにかぶらないよう、小さくしたいのです。
media queryでやろうと思いましたが、別の方法（CSS）でも出来るみたいなので,そっちで
やってみました。わりと簡単ですよ。
HTML
|
1 |
<div id="guitar" class="resizeimage"><img src="画像のパスを指定" alt=""></div> |
CSS
|
1 2 |
#guitar.resizeimage { width:30%; } #guitar.resizeimage img { width: 100%; } |