デバイスの幅を超えたときだけ画像を縮小表示する

ホーム > ブログ　|　検索

HTMLでデバイスの幅（ブラウザの表示画面の幅）を超えたときだけ画像を縮小表示したい。つまり、画像をパソコンで表示したとき原寸で、スマホで表示したとき縮小するには、CSS(カスケーディングスタイルシート)で下記のように書く。

(例)
<img src="sample.jpg" style="max-width: 100%; height: auto;">

参考
1.画像の大きさを最適化する max-width:100%;

作成 2018/11/04
更新 2018/11/04

戻る　|　サイト内検索　|　免責事項