Высота изображения обрезки без масштабирования

Question

Я знаю, что это простой вопрос, но я просто не могу найти решение.

В настоящее время я использую карусель для начальной загрузки, с разрешением 1920x1080 пикселей. Я хочу, чтобы изображение оставалось неизменным, но высота должна быть уменьшена до 480 пикселей. Примечание. NO SCALING .... изображение должно быть просто отключено, без растягивания или масштабирования.

позволяет сказать, что это мой CSS класс:

.carousel-top-img{ 
    height: 480px;// image scaled down to 853x480px 
} 

---

.carousel-top-img{ 
    max-height: 480px;// image stretched but 1920x480px met 
    width: 100% 
} 

Answer 1

Он не использует загрузчик, но вот чистый CSS решение:

#this_img{ 
     width: 1920px; 
     height: 480px; 
     object-fit: cover; 
    } 

Немного больше объект-подгонка: LINK

Я надеюсь, что помогает

Answer 2

изменить размеры .carousel-top-img «s контейнер и применить overflow: hidden к нему.