Задать вопрос
@Denis9999

Высота в процентах для изображений разных размеров?

Нужно адаптивно сверстать вот такой вот блок:
3aabc0f96f404d7c9e8bbafa87fda53f.jpg
Картинки немного разных размеров, поэтому при одинаковой ширине изображений, их высота отличается.
Необходимо прописать высоту изображений, чтобы все это выровнять.

Но получается замкнутый круг. Так как высота элементов задаваемая в процентах рассчитывается исходя из высоты родителя. А родителю фиксир. высоту тоже не задашь - адаптива не получиться. И так далее до основного блока, содержащего весь этот контент.

Какой подход использовать, чтобы решить эту проблему?
  • Вопрос задан
  • 347 просмотров
Подписаться 1 Оценить Комментировать
Ответ пользователя xmoonlight К ответам на вопрос (4)
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
https://webref.ru/css/background-size
cover
Масштабирует изображение с сохранением пропорций так, чтобы его ширина или высота равнялась ширине или высоте блока.

contain
Масштабирует изображение с сохранением пропорций таким образом, чтобы картинка целиком поместилась внутрь блока.
Ответ написан
Комментировать