У меня есть div с тремя изображениями (в различном аспекте rat ios) в нем. Допустим, image1 - 16: 9, image2 - 4: 3, а image3 - 1: 1.
Я хочу, чтобы все изображения имели одинаковую высоту, поэтому я установил их высоту на 100% и их ширину на авто .
Теперь я хочу масштабировать весь div так, чтобы он занимал 100% контейнера, или в моем случае 100vw.
Цель состоит в том, чтобы высота div соответственно увеличивалась , так что изображения в div тоже увеличиваются, так что в итоге у меня есть ряд из 3 изображений, которые занимают 100vw и имеют одинаковую высоту.
Проблема в том, что я не могу получить это на работу. Когда я задаю div фиксированную высоту, изображения масштабируются должным образом, но я хочу, чтобы это было наоборот, чтобы высота div была гибкой, а высота изображений увеличивалась до тех пор, пока весь ряд не заполняет 100% контейнер div.
Может кто-нибудь помочь? `
Что у меня есть:
.gallerygroup3 {
height: 500px; /* <-- Works widht a fixed height, but not with 100% or anything else */
width: 100vw;
}
#gallery img {
width: auto;
height: 100%;
}