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

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

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



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

関連記事

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

ピックアップ記事

  1. フィレンツェの町並み
  2. 2013/9/12

    説得

ピックアップ記事

  1. 2016-12-21

    【クリスマスはどこに行く!?】都内の鉄板スポットはやっぱり六本木!

    今年のクリスマスの日程は、23日 金曜日(祝日)24日 土曜日25日 日曜日となっており。。どこに行…

ピックアップ記事

  1. 2016-10-14

    【テクニック不要!】合コンで絶対に守るべき5つのポイント

    合コンで出会った女の子となかなか次に発展しない… お礼のLINEを送っても返ってきたことがない…そ…

ピックアップ記事

  1. 2016-7-17

    京都ダリ展に行って来ました

    7/1(金)から京都市美術館で開催している、 ダリ展に行ってきました。【過去のダリ展記事】 [blo…
ページ上部へ戻る
Top