「<img>タグの下側に隙間のような空白ができる」
<div>
<img src="a.jpg">
</div>
<style>
div{margin:0;padding:0;width:100%;}
img{width:100%;max-width:600px;margin:0;padding:0;}
</style>
親<div>タグ内の
<img>タグの下側に隙間のような空白ができる。
回答
<img>タグのCSSプロパティ「vertical-align」の初期値が
「baseline（画像の下端と親要素のベースラインを揃える）」の為に発生します。
<img>タグにvertical-align:baseline以外を指定すると隙間が消えます。
ソース
<div>
<img src="a.jpg">
</div>
<style>
div{margin:0;padding:0;width:100%;}
img{width:100%;max-width:600px;margin:0;padding:0;vertical-align:top;}
</style>