如何顯示全圖像一個div

Question

我想不管其尺寸的顯示在一個div完整的圖像。 div的尺寸爲：寬度：400px，高度：400px [400x400]。所以即使圖像大於div，我也希望整個圖像顯示在div中。圖像應保持其縱橫比。我如何用CSS或jQuery實現這一目標？這可能沒有用PHP或任何其他腳本操縱圖像？

[對不起，不正確的語法或英語不好]

Answer 1

如果添加它作爲背景，你可以添加：
background-size: contain;

如果使用img標籤，然後：
object-fit: contain;

爲了與舊版瀏覽器更好地兼容，您應該使用後臺方法。

---

編輯：
只是想在這裏把這個，萬一有人需要它：

1. 對象不配合：https://jsfiddle.net/ke8yu22d/

2. 隨着對象的契合：https://jsfiddle.net/yf5psqyL/

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