當(dāng)屏幕寬度小于768px手機(jī)時(shí)，將圖片換為小圖，并在div里生成img標(biāo)簽，img的寬高隨窗口變化而變化，包裹img的div也隨之變化 1打開(kāi)代碼編輯器1html代碼的編寫3css代碼的編寫4js的代碼編寫5在移動(dòng)端手指觸摸輪播圖切換效果代碼的編寫6也可以使用bootstrap框架直接引入css文件。

Bootstrap輪播圖的切換按鈕如何制作在自定義css樣式中加入下面代碼，自定義css在后引入carouselleft，carouselright backgroundimage Bootstrap，來(lái)自_witter，是目前很受歡迎的前端框架Bootstrap是基于HTMLCSSJavaScript的，它簡(jiǎn)潔靈活，使得Web開(kāi)發(fā)更加快捷它由Twitter的設(shè)計(jì)師Mark。

首先我們要有一個(gè)容器用來(lái)防止輪播圖，這里使用的p來(lái)代替，HTML頁(yè)面的代碼如下輪播圖CSS樣式，這里用的ulp，需要的話可以再寫代碼時(shí)用圖片表示，這里僅僅是簡(jiǎn)要的表示一下label標(biāo)簽用來(lái)放置按鈕，通過(guò)label來(lái)控制輪播圖的切換，關(guān)于其具體的樣式在實(shí)際開(kāi)發(fā)中進(jìn)行調(diào)整即可最后就是實(shí)現(xiàn)css輪播圖的核心。