＜レスポンシブ＞htmlで画像の最大値を指定する記述（画像サイズを最大値とする時など）

レスポンシブサイトが主流ですが、画像サイズより大きくなってもらうと困る時ってありますね。

ＣＳＳではなく、htmlに画像の最大値（画像サイズを最大値とする時など）を指定する時の記述。

（個別の画像だけ指定したい時などに便利です）

 

style="width:100%;height:auto;max-width:画像サイズpx;"

 

と記述するだけです。

 

例えば、画像サイズ（横幅）が500pxのバナーがあったとします。

<img src="画像ＵＲＬ" alt="" style="width:100%;height:auto;max-width:500px;" />

 

みたいな感じになります。

 

---

こんな写真も無料でダウンロード。

商用可能なフリー素材は、フリー素材ドットコム。