Форум Сайтостроение Веб-строительство

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

D
На сайте с 12.07.2014
Offline
62
Dikoner
173

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

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

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

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

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

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

jpg ask.jpg
ArbNet
На сайте с 27.10.2019
Offline
129
ArbNet
#1 


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

<img data-object-fit="cover" src="***">
Собираю команду для совместной работы, так же можете там понаблюдать как я работаю и пообщаться со мной ;) https://discord.gg/CmckMR3jg2
S
На сайте с 30.09.2016
Offline
469
Sitealert
#2
Dikoner:
Как лучше поступить?

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

Dikoner:
как относятся ПС к скрытию частей содержимого.
Это не то содержимое.
Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий