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

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

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



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

関連記事

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

ピックアップ記事

  1. PAK30_tanbotoaozora20130812500
  2. スクリーンショット 2016-01-24 5.43.48
  3. TrxCq
  4. スクリーンショット 2014-04-01 11.22.02
  5. iPhone6Camera-e1410309434797
  6. 10451071_816281531728912_8260752353906545927_n
  7. スクリーンショット 2016-03-23 1.50.41
  8. オンライン英会話1

ピックアップ記事

  1. スクリーンショット 2016-08-01 21.54.53

    2016-8-3

    シン・ゴジラの感想‼︎庵野監督がエヴァより先に作った映画‼︎‼︎

    引用:https://www.toho.co.jp/movie/lineup/godzilla201…

ピックアップ記事

  1. makublo_thumb3

    2016-8-11

    jqueryでtableを整形する便利プラグインDataTables!

    jqueryとDataTablesでお手軽table操作Webページで動的なデータの表を作ることって…

ピックアップ記事

  1. p021451522_480

    2016-11-14

    中目黒おすすめバー特集 Part.1

    中目黒にはオシャレなお店がたくさん。 服や雑貨、レストランだけでなく、 オシャレなバーもたくさんある…
ページ上部へ戻る
Top