使圖像像背景圖像一樣調整大小

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%;