スマートフォンで幅を超えた画像を100%で表示する方法

わかりにくいタイトルだ。。。 PCとスマフォで同じ画像を使いたいとき、PCの画像がでかすぎる場合、はみ出してしまいます。でもlivedoorブログでは収まっていたので、調べました。

.hogehoge img{
max-width: 100%;
height:auto;
}

指定したい画像に指定すれば、横幅全体を使って表示できます。この場合、画像に直接書かれているwidthやheightがあってもCSSで指定されます。
※.hogehoge部分などの画像へのclass指定は各自で使う場合に置き換えてください。

Categories: coding