有很多好的框架可以借鑒的，比如bootstrap教程的話，你可以看看兄弟連的H5教程有專門講響應(yīng)式的，移動端的；這里以移動端響應(yīng)式網(wǎng)站為例，講述如何制作響應(yīng)式網(wǎng)頁#xF4CF選定基本設(shè)計尺寸選定基本設(shè)計尺寸，一般以1080為基準(zhǔn)確定響應(yīng)式web設(shè)計的應(yīng)用場景之后，和美工或設(shè)計師溝通，之前，一般需要美工出幾套主流移動設(shè)備屏幕分辨率的設(shè)計圖，現(xiàn)在，使用；移動設(shè)備上調(diào)試html5開發(fā)的網(wǎng)頁，可以使用Chrome瀏覽器的遠(yuǎn)程調(diào)試功能實(shí)現(xiàn)，需要先翻墻才可以，還需做如下準(zhǔn)備1PC Chrome最新版 2安卓 Chrome最新版 3數(shù)據(jù)線一根 插上數(shù)據(jù)線，打開手機(jī)里的瀏覽器，然后PC瀏覽。

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

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

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