ウィンドウに合わせて画像のサイズが変わるようにする

webページに画像を埋め込みました。

ウィンドウのサイズを変えてみると、

画像のサイズがそのままで、ウィンドウに対する文字のバランスが悪く、

空白も生まれてしまいました。

そこで、cssでウィンドウに合わせて、画像のサイズを変える方法を調べました。

imgタグに対して、widthを100%で設定すると良いみたいです。

.header_title img {

width: 100%;

}

こうして、ウィンドウのサイズを変えて確かめたところ、

ウィンドウに合わせて、画像のサイズが拡大、縮小されるようになっていました。

嬉しいのでウィンドウのサイズをひたすら変えて遊んでいます。