woocommerce вписать миниатюру в рамки

L
На сайте с 01.02.2011
Offline
136
198

допустим у нас есть изображение 10:1, т.е. типа как полоска, очень высокое и узкое.

нужно чтобы в миниатюре оно отобразилось полностью, без обрезок и искажений, но в рамках некоего квадрата.

т.е. как полоска по сути выводилось, оставляя пустое пространство с боков.

это возможно как нибудь сделать?

S
На сайте с 30.09.2016
Offline
469
#1

Возможно. Через CSS:

1. object-fit: contain;

2. background-size: contain;

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.

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