Warning: Use of undefined constant _aioseop_description - assumed '_aioseop_description' (this will throw an Error in a future version of PHP) in /home/users/2/tetsugrande/web/tetsugrande.net/wp-content/themes/tetsugrande/header.php on line 52
スマートフォンで幅を超えた画像を100%で表示する方法 - TETSUGRANDE

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

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

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

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

PAGE TOP