Swiper使用方法教程屏幕断点设置-网站建设

Swiper使用方法教程屏幕断点设置

Swiper是一个功能插件，移动端、PC端均可使用。

有JS版本的，也有基于JQ版本的

meta标签移动端自适应

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

最简单的版本，没有按钮，和左右按钮的轮播图：

1	`<link` `rel="stylesheet" href="../dist/css/swiper.min.css">`

修改左右按钮：

.swiper-button-next，.swiper-button-prev{    background: none;}

布局：

<div class="swiper-container">

<div class="swiper-wrapper">

<div class="swiper-slide">Slide 1</div>

<div class="swiper-slide">Slide 2</div>

<div class="swiper-slide">Slide 3</div>

<div class="swiper-slide">Slide 4</div>

</div>

　引入以及JS初始化：

<script