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

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

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

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