У меня есть слайдер slick.js в разделе на моей мобильной веб-странице. Под ползунком находится дополнительный пробел, установка высоты просмотра на 23,5 помогает, когда устройство, просматривающее страницу, имеет определенную высоту. Когда высота устройства, просматривающего страницу, изменится, пробельные символы снова появятся (работает нормально на Iphone 7, однако на Iphone X, например, под слайдером есть пробелы)
Я попытался установить высоту 23.5, которая работает при просмотре на Iphone 7, но на устройствах с разной высотой вновь появляется пробел.
<section id="projects-section pt-3" class = "hidemeXL" style="height: 23.5vh" >
<?php echo do_shortcode('[project_manager_display numposts="15" transition_type="fade" size="slick" scroller="true" featured="true"]');?>
<div class="your-class slick-initialized slick-slider">
<div aria-live="polite" class="slick-list draggable">
<div class="slick-track" role="listbox" style="opacity: 1; width: 6960px; transform: translate3d(-1305px, 0px, 0px):
</div>
</div>
</div>
</section>
Я ожидаю, что ползунок будет находиться на одном уровне с нижним и верхним элементами, окружающими его.
РЕДАКТИРОВАТЬ: я добавил еще один код, который отображается при просмотре в элементе inspect, все, что после блока php - это не код, который я написал, а код, сгенерированный библиотекой slick.js.