如何制作html5手機(jī)頁面1學(xué)習(xí)html5然后自己編程如果你有html的基礎(chǔ)，也不會(huì)太難2去html5頁面制作平臺(tái)，比如vxplo，wix，makaim，就可以制作html5移動(dòng)頁面但是，wix現(xiàn)在沒有中文網(wǎng)站Vxplo功能齊全，但同時(shí)操作。

3Jo該框架可以創(chuàng)建像本地一樣的應(yīng)用，并且兼容任何操作系統(tǒng)，無論是BlackberryiOS還是Android并且提供許多HTML5小部件使用它可以解決任何動(dòng)畫設(shè)計(jì)方面的問題4SenchaTouchSenchaTouch是第一個(gè)基于HTML5的移動(dòng)應(yīng)用框架。

1打開百度，在百度上搜索易企秀，然后點(diǎn)擊搜索，在搜索的結(jié)果中點(diǎn)擊進(jìn)入易企秀的官方網(wǎng)站2進(jìn)入后，先登錄自己的賬號(hào)，可以直接用微信登錄即可，登錄后就可以開始制作自己的手機(jī)網(wǎng)頁微場(chǎng)景了3首先點(diǎn)擊我的場(chǎng)。

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

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。

1，輸入positionfixedtop0left0將整個(gè)div固定在屏幕的頂部和左側(cè)2輸入width100％height100％min－width1000px這個(gè)可以適合div的高度和寬度，而min－width是為了實(shí)現(xiàn)讓屏幕寬度在1000px以內(nèi)時(shí)。

1如果是div設(shè)置了滾動(dòng)條導(dǎo)致滑動(dòng)不順暢，可以在css中加入webkitoverflowscrolling touch2如果是幻燈片，可以用swiper插件一類的3盡量用css3開啟GPU加速css隨便哪里加個(gè)transformtransition3d0，0，0。

咱們寫HTML5手機(jī)端的時(shí)候，會(huì)發(fā)現(xiàn)顯示元素比例不正確，我們?cè)趆ead里面添加一段ltmeta name=“viewport”content=“width=devicewidth，initialscale=1”即可注意，這只是其中一段代碼，做過參考罷了，其他建議去百度一下。

1學(xué)html5，然后自己編程，如果有html的基礎(chǔ)，其實(shí)不會(huì)太難2去html5頁面制作平臺(tái)，如vxplowixmakaim都可以做html5的手機(jī)頁面，不過wix現(xiàn)在沒有中文網(wǎng)站vxplo功能很齊全，但同時(shí)操作很復(fù)雜，一般人不會(huì)使用。

用以下代碼開頭lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定義寬度CSS代碼可以適當(dāng)使用media only screen and max。

很簡(jiǎn)單，在頭部加個(gè) ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10， minimumscale=10， maximumscale=10， userscalable=noquot。

用iphone調(diào)試html5頁面的方法如下1打開手機(jī)web檢查器通過設(shè)置Safari高級(jí)Web檢查器打開見下圖點(diǎn)擊查看大圖，并且你會(huì)看到該選項(xiàng)下面對(duì)電腦操作的相應(yīng)描述，照做就好2 連接電腦Mac1。

不同的瀏覽器有不同的做法，參考如下lt！ uc強(qiáng)制豎屏 ltmeta name=quotscreenorientationquot content=quotportraitquot lt！ 強(qiáng)制豎屏 ltmeta name=quotx5orientationquot content=quotportraitquot lt！ UC強(qiáng)制全屏。

3也可以根據(jù)自己的需求對(duì)手機(jī)頁面中的各個(gè)模塊進(jìn)行修改，選擇這個(gè)手機(jī)頁面上的元素，就可以在右面的編輯框中進(jìn)行各種修改4可以更改這個(gè)元素的圖形，直接從自己的手機(jī)當(dāng)中選擇一幅圖片來替換原來手機(jī)模板當(dāng)中的圖片5還。

分享代碼直接借助第三方的就可以我一直在用百度分享 方法一登陸百度站長(zhǎng)平臺(tái) 方法二點(diǎn)擊百度分享 方法三直接獲取百度分享代碼，還可以高級(jí)設(shè)置百度分享代碼 方法四按照步驟。

現(xiàn)在國(guó)內(nèi)已經(jīng)出現(xiàn)一批html5頁面制作平臺(tái)，讓不懂編程的用戶也能自己制作國(guó)內(nèi)制作html5頁面的平臺(tái)出名的有makaim和vxplo，makaim通過選擇模板，添加效果圖文即可完成制作，vxplo界面類似于photoshop，個(gè)性化程度高，但是操作。