它使用HTML5和JavaScript，并且允許開發(fā)者快速整合本地應(yīng)用和特定的web應(yīng)用Joshfire可以讓你的應(yīng)用接受鍵盤，鼠標(biāo)，觸摸屏，遙控器等設(shè)備的輸入Joshfire支持NodeJS4Sencha Touch基于HTML5的移動網(wǎng)頁開發(fā)框架 14 Julia Julia框架；在手機(jī)上不能固定寬度，要按百分比寫頁面寬度才能自適應(yīng)設(shè)備主要是這兩點，當(dāng)然細(xì)節(jié)上面還有很多和PC端不一樣的地方指向文件錯誤，比如你的網(wǎng)頁文件在A，但是你卻指向了B你把指向的文件放到網(wǎng)頁文件內(nèi)在試試如果；ltmeta name=quotviewportquot content=quotinitialscale=1， maximumscale=3， minimumscale=1， userscalable=noquot這個申明是移動設(shè)備用的，11顯示設(shè)備屏幕大小，禁止縮放二在手機(jī)上不能固定寬度，要按百分比寫頁面寬度才能；1在已安裝的電腦桌面新建一個Word文檔演示文稿以O(shè)ffice2007系列為主，然后打開新建的文檔，輸入文字2點擊Word文件左上方另存為A其他格式類型選擇為“網(wǎng)頁*html，*htm”輸入文件名。

移動端web頁面的開發(fā)，由于手機(jī) 屏幕尺寸 分辨率 不同，或者需要考慮 橫豎屏 問題，為了使得web頁面在不同移動設(shè)備上具有相適應(yīng)的展示效果，需要在開發(fā)過程中使用合理的適配方案來解決這個問題早期網(wǎng)頁設(shè)計采用 靜態(tài)布局；3 響應(yīng)式設(shè)計IP網(wǎng)絡(luò)廣播系統(tǒng)的用戶界面應(yīng)采用響應(yīng)式設(shè)計，以確保在各種尺寸和分辨率的移動設(shè)備上都能提供良好的用戶體驗4 網(wǎng)絡(luò)優(yōu)化為了適應(yīng)無線網(wǎng)絡(luò)的變化性，IP廣播系統(tǒng)可以實施網(wǎng)絡(luò)質(zhì)量檢測，及時調(diào)整傳輸設(shè)置，以優(yōu)化；你好，可以參考bootstrap；這篇文章主要介紹了HTML5 移動頁面自適應(yīng)手機(jī)屏幕四類方法總結(jié)，非常具有實用價值，需要的朋友可以參考下1使用meta標(biāo)簽viewportH5移動端頁面自適應(yīng)普遍使用的方法，理論上講使用這個標(biāo)簽是可以適應(yīng)所有尺寸的屏幕的，但是各設(shè)備；實現(xiàn)移動端自適應(yīng)的方法有很多，其中一種方法是使用響應(yīng)式布局響應(yīng)式布局是指根據(jù)不同的設(shè)備屏幕大小，動態(tài)地調(diào)整網(wǎng)頁的布局和內(nèi)容，使得網(wǎng)頁在不同設(shè)備上都能夠正常顯示另外，還有一種方法是使用自適應(yīng)設(shè)計，即在設(shè)計時就。

也可使用DevTools中的Inspect Element 選中目標(biāo)元素，可以實時與移動設(shè)備頁面交互，方便的定位問題所在，進(jìn)行代碼調(diào)試點擊reload可重新加載當(dāng)前的調(diào)試頁面點擊focus tab可將標(biāo)簽頁置頂close為關(guān)閉當(dāng)前頁面在輸入框中鍵入網(wǎng)址；對于原生app，ios和android系統(tǒng)會自動根據(jù)dpr計算出渲染時需要的px值，最終不同屏幕上展示出來的大小很接近而移動端頁面渲染時想要做到這一點，就必須首先得到設(shè)備的dpr，然后再根據(jù)dpr計算渲染需要的px值 ios設(shè)備中iphone3的dpr為1iphon；在移動端，由于設(shè)備的屏幕尺寸和分辨率不同，因此需要對頁面進(jìn)行適配以下是一些常見的方法1使用meta標(biāo)簽可以使用meta標(biāo)簽來設(shè)置頁面的寬度和縮放比例，以適應(yīng)不同的設(shè)備2使用rem單位使用rem單位可以使CSS中的字體。

在本文中，Jake Rocheleau將為我們展示如何用jQuery來創(chuàng)建一個基于移動設(shè)備的Web App在開發(fā)過程中，我們將使用CSS3的媒體查詢功能來找出當(dāng)前移動設(shè)備屏幕的的最大分辨率，根據(jù)不同的分辨率使用不同CSS此外，Media Queries還可以幫助我們在?。?使用meta標(biāo)簽，這也是普遍使用的方法，理論上講使用這個標(biāo)簽是可以適應(yīng)所有尺寸的屏幕的，但是各設(shè)備對該標(biāo)簽的解釋方式及支持程度不同造成了不能兼容所有瀏覽器或系統(tǒng)首先解釋該標(biāo)簽的含義ltmeta name=quotviewportquot conten；也可以設(shè)置maxwidth，這樣一來圖片最大不會超過原始尺寸，避免圖片由于放大而模糊 img maxwidth100%widthauto 方案二使用媒體查詢CSS3@media查詢當(dāng)網(wǎng)頁需要在移動端和PC端展示時，由于二者屏幕尺寸差別較大。