CSS - Aspect填充图像

Question

如何调整图像大小（使用普通的旧HTML和CSS - 没有JavaScript），即使某些图像丢失，它也会填充给定的大小？

基本上我正在寻找的是iOS上的Aspect Fill。

即。如果IMAGE太宽，你只能看到下面方括号之间的内容：

IM[AG]E

即。 AG。如果它太高，也会发生同样的情况。

E.g。假设我使用的是这样的东西：<img src="" />

Answer 1

您可以做的是将图像显示为元素的背景，例如：

<div style="width: 300px; height: 200px; background: transparent url('image.png') no-repeat 50% 50%;"></div>