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

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％（宽度容器的块，就像带有背景的图像的填充底部），前两个和宽度：25％，第三个高度为50％，最后一个为75％/ 50％？ 以这种方式，图像是块，图像本身被裁剪以填充大小。

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

Answer 1

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

width: 50%;
height: 100%;