へっぽこデザイン備忘録〜縦横比を維持したまま画像を枠内に収めるCSS〜

画像を枠の中に収めつつ、画像が枠サイズより小さかった場合は画像を引き伸ばさず表示させたい!

ということが最近あり、試してみたら案外できたので紹介します。
といっても収めたい画像のimgタグに下記を追加するだけという簡単な方法です・・・。

これを追加することで、最大でも枠サイズいっぱいになり、
最小でも画像のサイズをそのまま維持できます!

関連記事

コメントは利用できません。

ピックアップ記事

ピックアップ記事

  1. 2016-6-7

    【日本と違う‼︎】アメリカで有名な日本の俳優・女優!!!

    自分達の有名と思っている芸能人達は、はたして本当に有名なんでしょうか!?&n…

ピックアップ記事

  1. 2018-7-2

    【Report1】IMフォーラム★ゴールドスポンサーとして協賛&登壇

    IMフォーラム★ゴールドスポンサーとして協賛&登壇広報宣伝部のエバンジェリスト 黒田美穂 こと “く…

ピックアップ記事

  1. 2016-5-24

    落ち込んだ時の名言のススメ

    たかが言葉、されど言葉 こんちんは。こにたんです。 誰にでも落ち込む時はあるし、誰にでも迷う…
ページ上部へ戻る
Top