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

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

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



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

関連記事

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

ピックアップ記事

  1. 1481161438_1_1_7bf32022d563829375a202b216e49db2
  2. Apple WATCH3
  3. オデッセイ1
  4. 20150514025705
  5. lgf01a201310171400
  6. スクリーンショット 2016-08-31 9.25.13

    2016/8/31

    一期一会
  7. Smart Reply2

ピックアップ記事

  1. cofee

    2016-7-8

    【朗報】コーヒー嫌いでもおいしく飲める!苦くないコーヒー3選!

    紅茶派のガンボです。コーヒーは苦いし、後味が気持ち悪くてすきではありません、 が!たま〜〜〜〜に飲み…

ピックアップ記事

  1. 納豆

    2016-8-17

    【2016年度版】納豆に混ぜたら美味しいものランキングベスト3

    私は3度の飯より納豆が好きです! まぁ嘘なんですけど。でもそれなりに好きです。 でも市販の納豆っ…

ピックアップ記事

  1. img108

    2016-10-4

    おもしろ可愛い♥ハロウィン限定メニュー2016!EGGS ’N THINGS、Q-pot CAFE、とらやカフェなどなど・・・

    ハロウィン限定メニュー&スイーツ特集もうすぐハロウィン!ということで、今回は都内のカフェを中心にハロ…
ページ上部へ戻る
Top