Html 设置图像的默认大小，如果超过或太小，则进行裁剪/放大

假设我有一个500x1500大小的图像。我想要的是，当我显示它时，我希望默认大小为500x500，但不拉伸它-它应该裁剪它，只显示中心。或者，如果图像是250x500，我希望它放大到500x500，而不是笨拙地拉伸它

“我的图像”元素的css：

  display: block;
  height: 40%;
  background: no-repeat center;

它还在伸展

---

注意：我还标记了Ionic，因为我使用的是Ionic，以防Ionic中有解决方案。

尝试

对象匹配：封面

这将切断多余部分，保留纵横比，并缩放以适应空间

---

文档：

尝试

对象匹配：封面

这将切断多余部分，保留纵横比，并缩放以适应空间

文件：