1、首先，注冊(cè)一個(gè)凡科帳號(hào)，這是開始建站的第一步 第二，登錄帳號(hào)后，會(huì)有建站互動(dòng)微傳單三塊，一個(gè)帳號(hào)都可以用，你選擇“網(wǎng)站建設(shè)”這一塊第三，進(jìn)入后臺(tái)之后，選擇自己喜歡的手機(jī)網(wǎng)站模板第四，就可以開始設(shè)計(jì)；1打開HTML5網(wǎng)頁代碼2在網(wǎng)頁頭部添加新代碼，使網(wǎng)頁寬度適應(yīng)設(shè)備寬度代碼如下3輸入代碼后，將包括圖片DIV在內(nèi)的圖片寬度設(shè)置為100%如何弄可以讓手機(jī)打開網(wǎng)頁的時(shí)候可以全屏顯示你要知道電腦屏幕的分辨率，或手機(jī)屏；可以通過webview方式訪問遠(yuǎn)程，也可以把html5頁面放在手機(jī)app端，本地方式進(jìn)行訪問但都離不開webviewHTML5現(xiàn)在現(xiàn)成的框架比較多，photogap，jquerymobile，bootstrap等都可以，如果功能簡(jiǎn)單，也可以不使用框架，自己寫幾個(gè)html。

2、22 再在電腦上打開Safari點(diǎn)擊Develop菜單，就會(huì)看到如下圖所示點(diǎn)擊查看大圖23 點(diǎn)擊22中的網(wǎng)站名就會(huì)在電腦上打開Safari的控制臺(tái)，如下圖點(diǎn)擊查看大圖3調(diào)試網(wǎng)頁 此時(shí)你可以查看手機(jī)網(wǎng)頁的DOM結(jié)構(gòu)，并且；1首先，打開OPPO手機(jī)的瀏覽器應(yīng)用程序，在瀏覽器中打開任何HTML文件2其次，點(diǎn)擊瀏覽器菜單中的設(shè)置圖標(biāo)，在設(shè)置菜單中，找到高級(jí)選項(xiàng)并點(diǎn)擊3最后，在高級(jí)設(shè)置中，找到查看網(wǎng)頁源代碼選項(xiàng)并打開，就可以在瀏覽器中；21 先在手機(jī)Safari中打開你想調(diào)試的網(wǎng)頁，并用數(shù)據(jù)線連接到電腦我這里是Mac22 再在電腦上打開Safari點(diǎn)擊Develop菜單，就會(huì)看到如下圖所示點(diǎn)擊查看大圖33 點(diǎn)擊22中的網(wǎng)站名就會(huì)在電腦上打開Safari的。

3、現(xiàn)在國內(nèi)已經(jīng)出現(xiàn)一批html5頁面制作平臺(tái)，讓不懂編程的用戶也能自己制作國內(nèi)制作html5頁面的平臺(tái)出名的有makaim和vxplo，makaim通過選擇模板，添加效果圖文即可完成制作，vxplo界面類似于photoshop，個(gè)性化程度高，但是操作；在手機(jī)上不能固定寬度，要按百分比寫頁面寬度才能自適應(yīng)設(shè)備主要是這兩點(diǎn)，當(dāng)然細(xì)節(jié)上面還有很多和PC端不一樣的地方指向文件錯(cuò)誤，比如你的網(wǎng)頁文件在A，但是你卻指向了B你把指向的文件放到網(wǎng)頁文件內(nèi)在試試如果；01 第一步打開微信，點(diǎn)開網(wǎng)友發(fā)來的“你好”文件，點(diǎn)擊“開始下載”02 第二步下載完畢后，點(diǎn)擊“用其他應(yīng)用打開”，在彈出的選項(xiàng)中選擇添加到“備忘錄”03 第三步在彈出的對(duì)話框中選擇右上角的“存儲(chǔ)”04 第；1打開百度，在百度上搜索易企秀，然后點(diǎn)擊搜索，在搜索的結(jié)果中點(diǎn)擊進(jìn)入易企秀的官方網(wǎng)站2進(jìn)入后，先登錄自己的賬號(hào)，可以直接用微信登錄即可，登錄后就可以開始制作自己的手機(jī)網(wǎng)頁微場(chǎng)景了3首先點(diǎn)擊我的；2網(wǎng)站名稱或logo的設(shè)計(jì) 手機(jī)網(wǎng)頁的頂部沒有標(biāo)題欄或地址欄，相應(yīng)地，也就沒有網(wǎng)站標(biāo)題和圖標(biāo)所以設(shè)計(jì)頁面的時(shí)候應(yīng)該讓用戶知道，他們現(xiàn)在所瀏覽的網(wǎng)站名稱或logo，這對(duì)塑造品牌也很重要#81943頁面排版 從用戶角度來；可以打開現(xiàn)在安卓手機(jī)和蘋果手機(jī)都支持html文件的打開，通過手機(jī)自帶的瀏覽器或者用戶自行下載瀏覽器，即可打開手機(jī)的html文件html文件里主要的是代碼，手機(jī)瀏覽器也可以對(duì)其執(zhí)行html代碼，但可能顯示完全推薦用戶使用電腦；var html = documentquerySelector‘html‘var rem = htmloffsetWidth 64 = rem + quotpxquot媒體查詢 媒體查詢正是為解決網(wǎng)頁適應(yīng)手機(jī)屏幕媒體查詢的功能就是為不同的“媒體”設(shè)置不同的。

4、所以使用html5來開發(fā)，其成本低，開發(fā)周期短 2 屏幕適配好，能夠以一套代碼和資源，適配多種手機(jī)屏幕 3 編寫一次，處處運(yùn)行 統(tǒng)一的代碼能夠運(yùn)行在不同系統(tǒng)的設(shè)備上 4 對(duì)屏幕旋轉(zhuǎn)處理比較好，不用對(duì)屏幕旋轉(zhuǎn)進(jìn)行太多的處理；通過激活點(diǎn)擊它，可使瀏覽器方便地獲取新的網(wǎng)頁這也是HTML獲得廣泛應(yīng)用的最重要的原因之一在邏輯上將視為一個(gè)整體的一系列頁面的有機(jī)集合稱為網(wǎng)站W(wǎng)ebsite或Site超級(jí)文本標(biāo)記語言英文縮寫HTML是為“網(wǎng)頁。

5、1基于HTML5的工具網(wǎng)站功能較強(qiáng)大，單頁面的操作性較強(qiáng)，可完成各種頁面交互效果但是某些時(shí)候會(huì)有操作“失靈”的現(xiàn)象，如上傳圖片失敗，點(diǎn)擊保存失敗，生成失敗等原因你懂得~2手機(jī)工具APP相比起工具網(wǎng)站來講，顯得比較順手。

6、1以小米手機(jī)為例，首先在手機(jī)上利用接收一個(gè)HTML文件2然后在手機(jī)中點(diǎn)擊該HTML文件，選擇用其他應(yīng)用打開3然后在其他應(yīng)用中選擇瀏覽器，點(diǎn)擊下方的僅此一次4打開完成后的效果如圖所示，HTML文件成功被在瀏覽；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。