當屏幕寬度小于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開發(fā)更加快捷它由Twitter的設(shè)計師Mark。

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