Как я могу получить изображение с фиксированной высотой с помощью каретки Slick, которое не искажается при изменении размера браузера?

Question

Как указать фиксированную высоту для изображений, которые не искажаются при изменении размера браузера?

Я действительно хочу, чтобы он действовал как фоновое изображение, но вращался, как карандаш.

Любые идеи?

Answer 1

Установите абсолютную высоту для контейнера изображений в карусели, которая в этом случае будет самой карусели.

Установить CSS внутри стиля = «» тег Carousel для указания

<div class="carousel" style="height:300px;"> 
.. 
</div> 

При указании фиксированной высоты контейнера, он не будет искажать, если браузер был изменен. Или, если ваш карусельного имеет границы вокруг него, и вы не хотите его переполнения, вы должны попробовать следующий метод -

<style> 
.carouselContainer { 
    overflow:hidden; 
} 
.carouselContainer img { 
    height:300px; 
} 
</style> 

<div class="carouselContainer"> 
    <img src="link1"> 
    <img src="link2"> 
    ... 
</div> 

Я не могу показать вам конкретный пример, как вы не предоставили какой-либо код , Но я надеюсь, что смогу передать вам концепцию того, как это сделать.