你這個不是html5的問題了 代碼沒啥問題，你這個是css布局問題，給幾個id分別加上高度再試試。

1如果是div設(shè)置了滾動條導(dǎo)致滑動不順暢，可以在css中加入webkitoverflowscrolling touch2如果是幻燈片，可以用swiper插件一類的3盡量用css3開啟GPU加速css隨便哪里加個transformtransition3d0，0，0。

這個原理其實(shí)很簡單的你知道html5只是html+css3+js的全程，所以控制圖片的定位都是有css的一個position屬性來做的，圖片無非就是去改變定位中的left值知道這個之后我就可以接下來的實(shí)現(xiàn)步驟當(dāng)然，這些只是實(shí)現(xiàn)邏輯具體。

1創(chuàng)建兩個html文件，一個test一個test22打開test頁面，在里面創(chuàng)建一個div，并給其添加onmousedown與move方法3打開后我們發(fā)現(xiàn)是一個棕綠的頁面4定義兩個變量，startx為鼠標(biāo)按下的坐標(biāo)，endx為鼠標(biāo)移動的坐標(biāo)。

普通banner或信息列表可以用IScroll上下左右均可滑動 頁面滑動切換的話建議使用jquery mobile，實(shí)現(xiàn)如下事件，進(jìn)行changepage swipe劃動一秒內(nèi)水平拖拽大于30PX，同時縱向拖曳??？0px的事件發(fā)生時觸發(fā) swipeleft左劃。

這篇文章主要介紹了HTML5 移動頁面自適應(yīng)手機(jī)屏幕四類方法總結(jié)，非常具有實(shí)用價值，需要的朋友可以參考下1使用meta標(biāo)簽viewportH5移動端頁面自適應(yīng)普遍使用的方法，理論上講使用這個標(biāo)簽是可以適應(yīng)所有尺寸的屏幕的，但是各設(shè)備。