使图像像背景图像一样调整大小

Question

我到处寻找，我记得我以前看到过解决此问题的方法，但没能找到它。 是否可以在没有 div 的情况下制作图像，或者将其用作背景，但仍然可以像这样缩放？

例子：

<div class="container">
    <img src="example-1.jpg" class="50-100">
    <img src="example-1.jpg" class="50-100">
    <img src="example-1.jpg" class="25-50">
    <img src="example-1.jpg" class="75-50">
</div>

我将如何设置上述图像的样式，以使它们的前两个和宽度具有 50% 宽度和 100% 高度（宽度容器的块，就像对具有背景的图像使用 padding-bottom 所做的那样） : 25%，第三个高度为 50%，最后一个为 75%/50%？ 这样，图像就是块，图像本身被裁剪以填充大小。

希望这是有道理的......

Answer 1

我不确定，但您可以使用：

width: 50%;
height: 100%;