Изображения одного размера в материалах: как лучше

Dikoner

11 февраля 2020, 12:32

171

Сейчас у меня материалы такого вида, как во вложении.

Естественно, картинки бывают разной высотой и выходит не очень красиво, цель — задать одинаковую высоту для изображений в материалах. У меня есть два варианта:

1. Исказится изображение: задать максимальную фиксированную высоту для изображения в пикселях, таким образом все изображения ужмуться/вытянуться к определенному значению

2. Вкладываю изображение в фигуру, фигуру в див. Диву задаю максимальную высоту изображения в пикселах, фигуре задаю overflow: hidden, таким образом, все лишнее просто не будет видно пользователю.

Как лучше поступить? Второй вариант меня смущает тем, что я не в курсе, как относятся ПС к скрытию частей содержимого.

Или может есть еще лучше вариант?

jpg

ask.jpg

ArbNet

11 февраля 2020, 13:05


<style>
img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
</style>

<img data-object-fit="cover" src="https://searchengines.guru/ru/forum/***">

Sitealert

11 февраля 2020, 13:37

Dikoner:
Как лучше поступить?

Как больше нравится.

Dikoner:
как относятся ПС к скрытию частей содержимого.

Это не то содержимое.

Похожие записи:

Добавить комментарий Отменить ответ