這里以移動(dòng)端響應(yīng)式網(wǎng)站為例，講述如何制作響應(yīng)式網(wǎng)頁(yè)#xF4CF選定基本設(shè)計(jì)尺寸選定基本設(shè)計(jì)尺寸，一般以1080為基準(zhǔn)確定響應(yīng)式web設(shè)計(jì)的應(yīng)用場(chǎng)景之后，和美工或設(shè)計(jì)師溝通，之前，一般需要美工出幾套主流移動(dòng)設(shè)備屏幕分辨率的設(shè)計(jì)圖，現(xiàn)在，使用。

2KendoUIKendoUI是一個(gè)HTML5平臺(tái)，開發(fā)者利用它可以開發(fā)新穎的交互的移動(dòng)應(yīng)用程序和網(wǎng)站該框架提供了大量的動(dòng)畫和豐富的拖拽功能模板功能以及提供了將近10款客戶端常用的數(shù)據(jù)綁定小部件，如圖表組合框以及常用表格3。

HTML5Shiv此腳本可以使IE瀏覽器識(shí)別HTML5元素HTML5 Enabler功能與HTML5Shiv類似Modernizr它使得開發(fā)者可以在支持HTML5和CSS3的瀏覽器中充分利用HTML5和CSS3的特性進(jìn)行開發(fā)，同時(shí)又不會(huì)犧牲其他不支持這些新技術(shù)的瀏覽器。

1AdobeEdge AdobeEdge的目的是幫助專業(yè)設(shè)計(jì)師制作網(wǎng)頁(yè)動(dòng)畫乃至簡(jiǎn)單游戲該工具的重點(diǎn)放在動(dòng)畫引擎上，但adobe承諾將增加更多HTML5功能，比如CanvasHTML5音頻視頻標(biāo)簽等支持AndroidiOSwebOS黑莓PlayBookFirefoxChrom。

3網(wǎng)頁(yè)表現(xiàn)方面，HTML5中的CSS3特效樣式Canvaswebgl的介入，不僅加強(qiáng)了網(wǎng)頁(yè)的視覺效果，甚至能夠使用戶在網(wǎng)頁(yè)當(dāng)中看到三維立體特效4另外其跨平臺(tái)的特點(diǎn)，可以避免傳統(tǒng)移動(dòng)終端上的Native App，開發(fā)者必須針對(duì)不同的。

html5移動(dòng)開發(fā)跟pc開發(fā)區(qū)別還是有的，如下幾點(diǎn)移動(dòng)端不需要 300ms 的單擊確認(rèn)，所以不要監(jiān)聽 click 事件2 移動(dòng)端網(wǎng)絡(luò)一般較慢，如何減小頁(yè)面體積及請(qǐng)求數(shù)，利用好緩存3 移動(dòng)端需要點(diǎn)擊的元素及其間隔不能太小，考慮手指。