光滑的滑块宽度太大，无法正常工作

Question

我正在尝试创建一个光滑的滑盖。但是在测试时，宽度是巨大的。我做了一些研究，但这些答案没有帮助：

Slick slider positioning and width

Slick carousel width issue

Incorrect flexbox display in Chrome 48

当我读到很多书时，这也是Opera的问题，在Safari中，宽度较小，但视图也不是很好。

这是我的代码：

$(".fslider").slick({
  autoplay: true,
  dots: true,
  responsive: [{
    breakpoint: 500,
    settings: {
      dots: false,
      arrows: false,
      infinite: false,
      slidesToShow: 3,
      slidesToScroll: 1
    }
  }]
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" />
<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<!-- for demo -->

<div class="o-grid o-grid--equal-height">
  <div class="o-grid__col u-12/12 u-mb-x6">
    <div class="fslider slick-slider">
      <div>
        <p>1</p>
      </div>
      <div>
        <p>2</p>
      </div>
      <div>
        <p>3</p>
      </div>
      <div>
        <p>4</p>
      </div>
    </div>
  </div>
</div>

关于加载：我确定还可以。

这是我的控制台元素网站：

预先感谢