1、先說布局方面PC端最常用的就是固定寬度980px也有960，1000，1200，然后水平居中width980pxmargin0auto但移動端就不能這么用了，因為很多網(wǎng)頁都是可以橫屏看，也可以豎屏看很多屏幕的分辨率不一樣所以只要牽涉；PC端咱們最常用的就是固定寬度980px也有960，1000，1200，然后水平居中 width980pxmargin0auto但移動端就不能這么用了，因為很多網(wǎng)頁都是可以橫屏看，也可以豎屏看很多屏幕的分辨率不一樣所以只要牽涉到移動端；這篇文章主要介紹了HTML5 移動頁面自適應(yīng)手機(jī)屏幕四類方法總結(jié)，非常具有實用價值，需要的朋友可以參考下1使用meta標(biāo)簽viewportH5移動端頁面自適應(yīng)普遍使用的方法，理論上講使用這個標(biāo)簽是可以適應(yīng)所有尺寸的屏幕的，但是各設(shè)備；您說的是html5開發(fā)，針對移動端網(wǎng)頁設(shè)計必學(xué)的知識體系一HTML5支持測試列表 在開始之前，你需要了解現(xiàn)代的瀏覽器以及移動平臺對于HTML5的支持情況主流瀏覽器HTML5功能支持一覽 移動平臺HTML5支持一覽 HTML5支持測試 HTML；JS是行為行為是在網(wǎng)頁上四處飄動的廣告圖片滾動瀏覽圖片時鼠標(biāo)移動到圖片時，放大縮小圖片的效果二容易混淆概念1HTML5移動端的功能和應(yīng)用程序?qū)τ谔O果手機(jī)中的應(yīng)用程序，屬于iOS開發(fā)，語言是OC對于其他安卓；H5edu教育HTML5開發(fā) 培訓(xùn)為您解答HTML5做以下特別的事情 1本地存儲 基于HTML5開發(fā)的網(wǎng)頁APP擁有更短的啟動時間，更快的聯(lián)網(wǎng)速度，這些全得益于HTML5 APP Cache，以及本地存儲功能 2實現(xiàn)多媒體更加簡單 利用。

2、移動端不需要 300ms 的單擊確認(rèn)，所以不要監(jiān)聽 click 事件2 移動端網(wǎng)絡(luò)一般較慢，如何減小頁面體積及請求數(shù)，利用好緩存3 移動端需要點擊的元素及其間隔不能太小，考慮手指的面積4 橫屏和豎屏下的表現(xiàn)5 不同瀏覽器；1用css隱藏video視頻播放控件ltstyle type=quottextcssquot videowebkitmediacontrols display ！important ltstyle css隱藏原生html5 video controls，這么設(shè)置后即使沒有設(shè)置controls為false，native controls；backgroundsize100% 100% fixed表示指定的背景是永遠(yuǎn)固定的，即背景圖片不隨著網(wǎng)頁的滾動而滾動ltstyle body backgroundposition center背景居中 backgroundrepeat norepeat無重復(fù) background；該框架可利用當(dāng)前移動設(shè)備的高級特性，可捕捉事件包括滑動觸屏長按等無需使用圖片，全部采用向量聲稱LungoJS 無需服務(wù)器端支持，可幫助實現(xiàn) HTML5 特性，包括 WebSQLGeolocation History Device orientation 等等；1 橫屏適配配置問題在編寫應(yīng)用程序時，您可能需要配置應(yīng)用程序以正確適配橫屏顯示如果配置不正確或未配置適當(dāng)?shù)牟季謪?shù)，應(yīng)用程序可能無法正確識別橫屏模式，并顯示home鍵解決方法您可以檢查應(yīng)用程序的布局配置文件。

3、1LungoJS這個是被認(rèn)為開發(fā)移動網(wǎng)站最好的HTML5開發(fā)框架，使用HTML5CSS3和JavaScript技術(shù)可幫助創(chuàng)建基于iOSAndroidBlackberry和WebOS平臺的應(yīng)用程序該框架可利用當(dāng)前移動設(shè)備的高級特性，可捕捉事件包括滑動觸屏長按；適應(yīng)移動端end 設(shè)置橫屏應(yīng)用得在config里面設(shè)置，網(wǎng)頁是無法做到的；設(shè)置橫屏應(yīng)用得在config里面設(shè)置，網(wǎng)頁是無法做到的。

4、前端 和 后端 charset 不一致 ，要么統(tǒng)一為utf8。