オドフラン ~いつもどこかに「なるほど」を~

誰かのためになるようなことを、書き込んだり、書き込まなかったり

<レスポンシブ>htmlで画像の最大値を指定する記述(画像サイズを最大値とする時など)

2016-02-27 08:48:52 | 日記

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

CSSではなく、htmlに画像の最大値(画像サイズを最大値とする時など)を指定する時の記述。

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

 

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

 

と記述するだけです。

 

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

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

 

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

 


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

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