如何在边框中保持图像的纵横比-CSS

请原谅我在这里严重缺乏知识，如果我指的东西不正确，我道歉。我在Weebly的一个网站上工作，我的徽标有问题。我上传的图片是巨大的，它的盒子只有525像素乘以200像素。使用CSS中的以下信息，我只得到徽标的上角。如何使图像调整到盒子的大小？多谢各位

#logo{
float: left;
background: transparent url(logotransparent.png)no-repeat;
width: 525px;
height: 200px;
}

---

您有两种可能性：

background-size: cover;

或

第一个将覆盖所有区域，切割图像的一部分

第二种方法是在不切割图像的情况下使图像尽可能大

---

两者都将保持图像的纵横比。

打开绘制并将图像大小调整为525x200或保留纵横比的任何大小。这可能是最简单的解决方案。请注意，这对我很有帮助！

background-size: contain;