如何显示全图像一个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/