div内のフルイメージを表示する方法

Question

div内の寸法に関係なく、完全なイメージを表示したいとします。 divのサイズは、幅：400px、高さ：400px [400x400]です。だから画像がdivより大きい場合でも、私は全体の画像をdivに表示したい。画像はアスペクト比を維持する必要があります。 CSSやjQueryでこれをどうすれば実現できますか？ PHPやその他のスクリプトで画像を操作しなくても可能ですか？

Answer 1

[間違った文法やの悪い英語のため申し訳ありません]あなたが追加することができた背景として、それを追加した場合：あなたはimgタグを使用している場合
background-size: contain;

、そして：
object-fit: contain;

古いブラウザとの互換性を高めるには、背景法を使用する必要があります。

---

編集：

1. ませオブジェクトフィット：https://jsfiddle.net/ke8yu22d/

2. を対象フィットで：https://jsfiddle.net/yf5psqyL/を他の誰かがそれを必要としない場合には
   ちょうど、ここにこれを入れてみたかったです

3. 背景：https://jsfiddle.net/vqy316L6/