当屏幕宽度小于768px手机时，将图片换为小图，并在div里生成img标签，img的宽高随窗口变化而变化，包裹img的div也随之变化 1打开代码编辑器1html代码的编写3css代码的编写4js的代码编写5在移动端手指触摸轮播图切换效果代码的编写6也可以使用bootstrap框架直接引入css文件。

Bootstrap轮播图的切换按钮如何制作在自定义css样式中加入下面代码，自定义css在后引入carouselleft，carouselright backgroundimage Bootstrap，来自_witter，是目前很受欢迎的前端框架Bootstrap是基于HTMLCSSJavaScript的，它简洁灵活，使得Web开发更加快捷它由Twitter的设计师Mark。

首先我们要有一个容器用来防止轮播图，这里使用的p来代替，HTML页面的代码如下轮播图CSS样式，这里用的ulp，需要的话可以再写代码时用图片表示，这里仅仅是简要的表示一下label标签用来放置按钮，通过label来控制轮播图的切换，关于其具体的样式在实际开发中进行调整即可最后就是实现css轮播图的核心。