Question

当我遇到像breakpoint这样的990px时，我在光滑的滑块中面临问题。它删除背景，并没有显示任何类型的错误。 iconic

我正在使用这个javascript来响应。

jQuery(document).ready(function(){
    jQuery(".home_carousel").slick({
        dots: false,
        autoplay: true,
        infinite: true,
        slidesToShow: 3,
        slidesToScroll: 1,
         responsive: [
            {
              breakpoint: 990,
              settings: {
              slidesToShow: 2
              }
            },
            {
              breakpoint: 668,
              settings: {
             arrows: false,
             centerMode: false,
             slidesToShow: 1
              }
            }
        ]
    });         
});

Answer 1

替换这个：

<div class="high_post" style="background: url('http://www.viral.com.my/iconic/wp-content/uploads/2017/11/event.jpg'); ">
<div class="high_post" style="background: url('http://www.viral.com.my/iconic/wp-content/uploads/2017/11/local.jpg'); ">

到

<div class="img1 high_post">
<div class="img2 high_post">
and in css
.img1{
background: url('http://www.viral.com.my/iconic/wp-content/uploads/2017/11/event.jpg');
}
.img2{
background: url('http://www.viral.com.my/iconic/wp-content/uploads/2017/11/local.jpg');
}

类似于此替换所有滑块。希望这会奏效如果这也不起作用，你可以通过

添加图像

if ($(window).width() <= 989) {
$(".img1").css({ 'background': "http://www.viral.com.my/iconic/wp-content/uploads/2017/11/event.jpg" });
}

Answer 2

在第4692行删除此css（style.css）在所有媒体设备中查看滑块后

@media (max-width: 570px)
style.css?ver=2013-07-18:4692
.home .slider_div {
    /* display: none; */
}

光滑滑块的响应问题？

2 个答案: