Я нашел эту ветку - Как вы растягиваете изображение, чтобы заполнить <div>, сохраняя при этом соотношение сторон изображения? - это не совсем то, что мне нужно.
У меня есть div определенного размера и изображение внутри него. Я хочу всегда заполнять div изображением, независимо от того, является ли изображение альбомным или портретным. И не имеет значения, обрезано ли изображение (в самом div скрыто переполнение).
Итак, если изображение портретное, я хочу, width
чтобы оно было 100%
таким, height:auto
чтобы оно оставалось пропорциональным. Если изображение альбомное, я хочу, height
чтобы оно было 100%
и width to be
авто`. Звучит сложно, правда?
<div class="container">
<img src="some-image.jpg" alt="Could be portrait or landscape"/>
</div>
Поскольку я не знаю, как это сделать, я просто создал быстрое представление о том, что я имею в виду. Я даже не могу это описать как следует.
Так что, думаю, я не первый, кто об этом спрашивает. Однако я не мог найти решение этого. Возможно, есть новый способ сделать это в CSS3 - я думаю о гибком боксе. Любая идея? Может, это даже проще, чем я ожидал?