Ионная миниатюра урожая

Question

Исходное изображение не является квадратичным. В настоящее время мои эскизы искажены. Как я могу создать обрезанный эскиз? CSS-стили, похоже, не действуют.

<ion-thumbnail item-start style ="object-fit: cover;">
   <img src={{item.img}}>
</ion-thumbnail>

Answer 1

Вы должны использовать подгонку объекта в элементе img.

<ion-thumbnail item-start> <img class="fit-thumbnail" src="{{video.thumbnail}}" alt=""> </ion-thumbnail>

.fit-thumbnail { object-fit: cover; }