嗨，我正在尝试在我的 wordpress 网站上创建响应式滑块，我想在台式机 5 列、平板电脑 4 列和移动设备 3 列上使用滑块，并使用 css 在移动设备上隐藏箭头，这是我的代码：
但似乎不起作用，在任何浏览器宽度上它仍然显示 3 列，如何解决？谢谢
<html>
<!-- start slider -->
<div class="swiper-container">
<div class="swiper-wrapper">
<div>slider item</div>
<div>slider item</div>
<div>slider item</div>
<div>slider item</div>
<div>slider item</div>
</div>
<!-- Add Pagination -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<!-- If we need scrollbar -->
<div class="swiper-scrollbar"></div>
</div>
}
</html>
这是我的 jquery
jQuery(document).ready(function () {
//initialize swiper when document ready
var mySwiper = new Swiper ('.swiper-container', {
slidesPerView: 3,
spaceBetween: 10,
breakpoints: {
'480': {
slidesPerView: 4, …