Question

如果我使用断点这样的东西，是否可以设置200到320之间的规则？因此，媒体查询会影响200到300之间的所有内容。

$('.responsive').slick({
  dots: true,
  infinite: false,
  speed: 300,
  slidesToShow: 4,
  slidesToScroll: 4,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 3,
        infinite: true,
        dots: true
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 2
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1
      }
    }

  ]
});

Answer 1

使用<video id="azuremediaplayer" poster="~/Content/img/preview.png" class="azuremediaplayer amp-default-skin amp-big-play-centered" controls width="640" height="480" data-setup='{"logo": { "enabled": false}, "nativeControlsForTouch": false}' tabindex="0"> <source src="{video_src}" type="application/vnd.ms-sstr+xml" /> <p class="amp-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video</p> </video>获取调整大小的宽度，然后只需在其周围包含几个if语句来设置分钟和最大值：

window.innerWidth

然后你可以使用

var w = window.innerWidth;
if((w > 200)||(w <300)) { do something }

希望这会有所帮助

使用断点的响应式轮播

1 个答案: