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

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

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



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

関連記事

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

ピックアップ記事

  1. 2016-10-11

    【秋ドラマ】2016年10月ドラマ、最速情報!!!!

    出典:http://www.ntv.co.jp/jimisugo/  日本テレビ「地味にスゴイ!校閲…

ピックアップ記事

  1. 2016-8-30

    へっぽこデザイン備忘録 〜簡単にWordPressのサムネイルサイズを増やす方法!〜

    シン・ゴジラ3回目見てきました。4回目行ってきます。 今回はWordpressで使うサムネイル…

ピックアップ記事

  1. 2016-9-7

    狂気あふれる話題のゲーム『Year Of The Ladybug』最新トレイラー本日公開!初公開イラスト、制作陣コメント有り!

    狂気溢れる話題のインディーゲーム!最新トレイラー本日公開!! https://www.youtub…
ページ上部へ戻る
Top