有很多好的框架可以借鑒的，比如bootstrap教程的話，你可以看看兄弟連的H5教程有專門講響應(yīng)式的，移動(dòng)端的；這里以移動(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)在，使用；移動(dòng)設(shè)備上調(diào)試html5開(kāi)發(fā)的網(wǎng)頁(yè)，可以使用Chrome瀏覽器的遠(yuǎn)程調(diào)試功能實(shí)現(xiàn)，需要先翻墻才可以，還需做如下準(zhǔn)備1PC Chrome最新版 2安卓 Chrome最新版 3數(shù)據(jù)線一根 插上數(shù)據(jù)線，打開(kāi)手機(jī)里的瀏覽器，然后PC瀏覽。

android實(shí)機(jī)調(diào)試也很方便，可以直接通過(guò)usb將html文件放到手機(jī)中，用瀏覽器打開(kāi)即可iosios就比較麻煩，你需要將頁(yè)面放到iis或者tomcat服務(wù)器上，并通過(guò)局域網(wǎng)ip地址及端口號(hào)去訪問(wèn)你的網(wǎng)站ios問(wèn)題比較多，尤其是它可惡的；21 先在手機(jī)Safari中打開(kāi)你想調(diào)試的網(wǎng)頁(yè)，并用數(shù)據(jù)線連接到電腦我這里是Mac22 再在電腦上打開(kāi)Safari點(diǎn)擊Develop菜單，就會(huì)看到如下圖所示點(diǎn)擊查看大圖33 點(diǎn)擊22中的網(wǎng)站名就會(huì)在電腦上打開(kāi)Safari的；1在網(wǎng)頁(yè)上搜索嗶哩嗶哩彈幕網(wǎng)，進(jìn)入官網(wǎng)頁(yè)面2在嗶哩嗶哩彈幕網(wǎng)主頁(yè)面，隨便選擇一個(gè)視頻點(diǎn)進(jìn)去，也可以選擇找自己要看的視頻要點(diǎn)視頻項(xiàng)進(jìn)去，不然不會(huì)有HTML5播放器修改3點(diǎn)開(kāi)視頻之后，尋找到在視頻的左上角豎著。

首先保證你的移動(dòng)設(shè)備和你的開(kāi)發(fā)設(shè)備處于同一網(wǎng)絡(luò)環(huán)境內(nèi)然后用手機(jī)瀏覽器輸入地址就可以打開(kāi)網(wǎng)頁(yè)，原來(lái)的localhost換成ip；4可以更改這個(gè)元素的圖形，直接從自己的手機(jī)當(dāng)中選擇一幅圖片來(lái)替換原來(lái)手機(jī)模板當(dāng)中的圖片5還可以更改手機(jī)網(wǎng)頁(yè)當(dāng)中的文字格式，而修改這個(gè)文字的鏈接，在點(diǎn)擊文字的時(shí)候可以跳轉(zhuǎn)到其它的網(wǎng)頁(yè)6手機(jī)網(wǎng)頁(yè)當(dāng)中特定元素的；直接使用手機(jī)自帶的瀏覽器，用電腦將html文件傳送到手機(jī)里，使用手機(jī)資源管理器打開(kāi)即可；HTML5網(wǎng)頁(yè)在電腦端和手機(jī)端都全屏顯示的步驟如下1打開(kāi)HTML5網(wǎng)頁(yè)代碼2在網(wǎng)頁(yè)頭部加上新代碼，讓網(wǎng)頁(yè)的寬度自適應(yīng)設(shè)備的寬度代碼如下ltmeta name=quotviewportquot content=quotwidth=devicewidth initialscale=10 maxi；2KendoUIKendoUI是一個(gè)HTML5平臺(tái)，開(kāi)發(fā)者利用它可以開(kāi)發(fā)新穎的交互的移動(dòng)應(yīng)用程序和網(wǎng)站該框架提供了大量的動(dòng)畫(huà)和豐富的拖拽功能模板功能以及提供了將近10款客戶端常用的數(shù)據(jù)綁定小部件，如圖表組合框以及常用表格3；1打開(kāi)百度，在百度上搜索易企秀，然后點(diǎn)擊搜索，在搜索的結(jié)果中點(diǎn)擊進(jìn)入易企秀的官方網(wǎng)站2進(jìn)入后，先登錄自己的賬號(hào)，可以直接用微信登錄即可，登錄后就可以開(kāi)始制作自己的手機(jī)網(wǎng)頁(yè)微場(chǎng)景了3首先點(diǎn)擊我的場(chǎng)。

1打開(kāi)HTML5網(wǎng)頁(yè)代碼2在網(wǎng)頁(yè)頭部添加新代碼，使網(wǎng)頁(yè)寬度適應(yīng)設(shè)備寬度代碼如下3輸入代碼后，將包括圖片DIV在內(nèi)的圖片寬度設(shè)置為100%如何弄可以讓手機(jī)打開(kāi)網(wǎng)頁(yè)的時(shí)候可以全屏顯示你要知道電腦屏幕的分辨率，或手機(jī)屏；2去html5頁(yè)面制作平臺(tái)，如vxplowixmakaim都可以做html5的手機(jī)頁(yè)面，不過(guò)wix現(xiàn)在沒(méi)有中文網(wǎng)站vxplo功能很齊全，但同時(shí)操作很復(fù)雜，一般人不會(huì)使用makaim通過(guò)模板組合添加圖文的方式制作，適合剛?cè)腴T的同學(xué)；工具原料sublimetext1打開(kāi)你需要制作手機(jī)網(wǎng)頁(yè)的html或者php等等網(wǎng)頁(yè)源碼文件在 之間加入meta標(biāo)簽2向?yàn)g覽器聲明該網(wǎng)頁(yè)為移動(dòng)設(shè)備自適應(yīng)網(wǎng)頁(yè)的meta標(biāo)簽為3將以上標(biāo)簽加入之后保存，再用手機(jī)打開(kāi)即是自適應(yīng)網(wǎng)頁(yè)了企業(yè)網(wǎng)站的；第一種是采用WML編寫(xiě)適合于按鍵的傳統(tǒng)手機(jī)的WAP網(wǎng)站，第二種是采用時(shí)下比較流行的HTML5編寫(xiě)前臺(tái)而如今隨著中國(guó)的移動(dòng)互聯(lián)網(wǎng)發(fā)展和智能觸屏手機(jī)的普及，WAP網(wǎng)站已經(jīng)逐漸退出歷史舞臺(tái)并在程序或者主機(jī)上寫(xiě)好判斷規(guī)則，如果是；輸入你的電腦IP+HTML就可以找到你編寫(xiě)的網(wǎng)頁(yè)了獲取本機(jī)IP的方法，在cmd命令行中輸入quotipconfigquot然后回車，找到 IPv4 地址 這就是你的內(nèi)網(wǎng)IP，在手機(jī)瀏覽器輸入這個(gè)地址+HTML就可以看到你的網(wǎng)頁(yè)了，如 00。