Loading...
Графика/Дизайн | Вопрос дизайнерам
Приветствую всех, как привести картинки к одной высоте?

Изображение

------
82136_bb.png (374.3 Kb)
Скачиваний: 123
возможно задать классу блока с постерами высоту постера height:
.postershort img {
height: 200px;
width: auto;
}


<div class="postershort"><img class="postr" src=".jpeg"></div>


Постеры меньшего размера растягиваться а большого сжимаются до указанной высоты
________
посл. ред. 30.05.2022 в 11:51; всего 4 раз(а); by Mr[G]Pro
galtsev.t (30.05.2022 в 10:26)
Приветствую всех, как привести картинки к одной высоте?

Всё как описали выше, но не забудь прописать object-fit: cover; Чтобы картинка заполняла весь контейнер, а не растягивалась.
the_lark (30.05.2022 в 11:19)

Всё как описали выше, но не забудь прописать object-fit: cover; Чтобы картинка заполняла весь контейнер, а не растягивалась.

Сетка же резиновая, высота постоянно меняется 🤔 с фиксированной высотой они у меня на маленьком экране растянуться или наоборот будут припоюснуты. И гугл мне скажет что соотношение сторон изображений не правильное
galtsev.t, https://www.w3schools.com/css/css3_object-fit.asp
Mr[G]Pro (30.05.2022 в 13:53)
galtsev.t, https://www.w3schools.com/css/css3_object-fit.asp
>
Благодарю, кажется вместе с aspect-ratio будет идеально
galtsev.t (30.05.2022 в 13:13)

Сетка же резиновая, высота постоянно меняется 🤔 с фиксированной высотой они у меня на маленьком экране растянуться или наоборот будут припоюснуты. И гугл мне скажет что соотношение сторон изображений не правильное

Причём тут сетка?
the_lark (30.05.2022 в 21:43)

Причём тут сетка?

Ну тупанул с кем не бывает, признаю)
Онлайн: 3
Время:
Gen. 0.0351
(c) ByMAS.RU 2010-2025