Сделать фотоизменимым как фоновое изображение

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% высот (шириной контейнера, как можно было бы сделать с отступом дном для изображение с backgound) для первых двух и ширины: 25%, высота 50% для третьего и 75%/50% для последнего? Таким образом, изображения представляют собой блоки, при этом само изображение обрезается, чтобы заполнить размер.

Надеется, что это имеет смысл ...

Answer 1

İ'm не уверены, но вы можете использовать:

width: 50%; 
height: 100%;