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

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

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

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

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

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