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

html5中自動適應(yīng)手機(jī)屏幕高度的方法使用meta標(biāo)簽，這也是一種常用的方法metaname=viewportcontent=width=devicewidth，initialscale=10，minimumscale=10，maximumscale=10，userscalable=no解釋該標(biāo)簽的含義Heigh。

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

1實(shí)現(xiàn)頭的方法代碼2編寫CSS樣式的方法代碼3html上傳代碼4JS處理方法代碼5測試結(jié)果如下注意事項(xiàng)JavaScript是一種網(wǎng)絡(luò)腳本語言，在web應(yīng)用開發(fā)中得到了廣泛的應(yīng)用，它經(jīng)常被用來為網(wǎng)頁添加各種動態(tài)功能。

WebEditorLite就行，一個手機(jī)上專門用于編寫HTML的APP軟件，免費(fèi)輕巧靈活，下面我簡單介紹一下這個軟件的安裝和使用1首先，下載安裝WebEditorLite，這個直接在手機(jī)應(yīng)用商店中搜索就行，如下，大概也就431K2安裝完成。

該工具不僅提供了Android應(yīng)用打包，還可以直接連接手機(jī)進(jìn)行調(diào)試，配合HTML5+可以實(shí)現(xiàn)很多Android原生的功能比如掃碼二維碼，拍照，搖一搖等等具體操作步驟1真機(jī)調(diào)試 進(jìn)入軟件后，第一步點(diǎn)擊“運(yùn)行”，第二步點(diǎn)擊“手機(jī)。

Safari屏蔽了autoplay，必須由用戶交互事件觸發(fā)，因?yàn)閍utoplay在移動網(wǎng)絡(luò)環(huán)境下可能會造成用戶流量費(fèi)劇增在Android的機(jī)子是可以實(shí)現(xiàn)自動播放的，在iOS的機(jī)子里沒有辦法，可以通過為頁面綁定touchstart事件來實(shí)現(xiàn)播放。

現(xiàn)在，讓我們打開瀏覽器，看看具體效果為了更好地兼容各種瀏覽器，可以在一個視頻標(biāo)簽中添加多個源子標(biāo)簽，每個源標(biāo)簽引用一個不同格式的視頻文件這樣html5瀏覽器就會自動在這些源標(biāo)簽中從上到下找到并識別出瀏覽器能播放。

播放不了是因?yàn)槭謾C(jī)瀏覽器不支持html5的這個video新特性iOS方面，根據(jù)蘋果官方提供的文檔，Mobile Safari支持包括視頻 video和音頻audio 標(biāo)簽，離線存儲 web storage，主流的CSS3效果 transitions， animations。

可以做到1下載播放器軟件 2關(guān)于html5語言的方法使用基 于Webkit的瀏覽器如SafariChrome，然后登錄蘋果官方站點(diǎn)，便可以用HTML5視頻標(biāo)簽功能直接用瀏覽器來播放。

直接使用手機(jī)自帶的瀏覽器，用電腦將html文件傳送到手機(jī)里，使用手機(jī)資源管理器打開即可。

使用瀏覽器可以進(jìn)行手機(jī)效果測試現(xiàn)在各大瀏覽器都有這種功能了， 谷歌360搜狐等首先打開網(wǎng)頁，點(diǎn)擊右鍵列表里會有“審查元素”，再點(diǎn)擊手機(jī)那個按鈕，就可以調(diào)整屏幕寬度查看手機(jī)效果。

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

狀態(tài)欄在瀏覽器頂部單擊查看鍵，在彈出來的對話框里找到狀態(tài)欄這一選項(xiàng)，把狀態(tài)欄前面的勾點(diǎn)擊消失狀態(tài)欄就可以隱藏了。

估計導(dǎo)航用的fixed定位吧，var windheight =windowinnerHeight var bottomx = documentgetElementById#39bottomx#39 底部導(dǎo)航 windowonresizefunction var docheight = windowinnerHeight ifdocheig。