html - Swiper-slide 是全宽而不是指定宽度

Question

我正在关注一个关于使用 Swiper.js 制作推荐滑块的教程，但遇到了一个问题。

这是 HTML 代码：

<div class="swiper-slide">
    <div class="card">
        <div class="layer"></div>
            <div class="content">
                <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</p>
             </div>
         </div>
    </div>
</div>

这是CSS代码：

.testimonials {
    position: relative;
    max-width: 100%;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
    display: block;
    width: 350px;
    min-height: 350px;
    background: #ffffff;
}

这里的问题是，当执行时，它返回到全宽而不是指定的宽度。有快速修复吗？