1、HTML5里面自動適應(yīng)手機(jī)屏幕的高度方法使用meta標(biāo)簽，這也是普遍使用的方法 ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10， minimumscale=10， maximumscale=10， userscalable=noquot解釋該；結(jié)論要做真正的“感應(yīng)式”設(shè)計，自動適應(yīng)多個屏幕，又不想寫代碼，就只能用互動大師；ltmeta name=quotviewportquot content=quotinitialscale=05， maximumscale=05， minimumscale=05， userscalable=noquotinitialscale 初始的縮放比例minimumscale 允許用戶縮放到的最小比例maximumscale 允許用戶；var html = documentquerySelector‘html‘var rem = htmloffsetWidth 64 = rem + quotpxquot媒體查詢 媒體查詢正是為解決網(wǎng)頁適應(yīng)手機(jī)屏幕媒體查詢的功能就是為不同的“媒體”設(shè)置不同的；頭部要加的是這個，放在ltheadlthead標(biāo)簽里，這是初始化手機(jī)屏幕的ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， maximumscale=10， userscalable=noquot 你寫的這段是要放在所有css；打包成Android APP為例 下載安裝MyEclipse2014，Android SDK，eclipse需配置Android開發(fā)環(huán)境Java和Android環(huán)境安裝與配置，將另寫經(jīng)驗分享，讀者也可百度參考其他相關(guān)資料，自行安裝 打開MyEclipse2014，新建一個HTML5 Mobile。

2、解決方案2建議你看一下網(wǎng)上的教程或者案例，自己對比學(xué)習(xí)再寫建議如果是小白的話，要不然不會自適應(yīng)屏幕大小的，只要你編寫的html代碼符合html5規(guī)則就行html5不是轉(zhuǎn)化的，建議你看一下html5標(biāo)簽文檔 解決方案3看你；3如果你想要實現(xiàn)完美適配，可以做三個設(shè)備，寬度均為640，高度可設(shè)置為1040iPhone6 plus1008iPhone5s和大部分Android手機(jī)832iPhone4s1HTML5的設(shè)計目的是為了在移動設(shè)備上支持多媒體新的語法特征被；你這些設(shè)置了可以縮放，一般情況下移動端的是這樣的，有時候還需加上這個至于你說的背景問題，你可以通過設(shè)置一個盒子為width100%height100%然后把圖片放在這個盒子里面，然后設(shè)置圖片自適應(yīng)盒子displayblock。

3、如何在手機(jī)上開發(fā)頁面和webhtml有區(qū)別嗎兩者沒有區(qū)別在手機(jī)上開發(fā)網(wǎng)頁有很多方法目前html5的發(fā)展不夠均衡，導(dǎo)致各大瀏覽器對h5的支持都不盡如人意但是它增加了@media屬性它屬于css3，這里不嚴(yán)格區(qū)分html5和css3；上面的代碼意思是，如果屏幕寬度小于400像素maxdevicewidth 400px，就加載tinyScreencss文件如果屏幕寬度在400像素到600像素之間，則加載smallScreencss文件除了用html標(biāo)簽加載CSS文件，還可以在現(xiàn)有CSS文件中加載；html標(biāo)簽這部分其實就按pc端的正常標(biāo)簽寫就可以了 圖片，ui 這個很重要了，因為現(xiàn)在的手機(jī)分辨率高，拿retina屏幕的iphone來說 你看到的圖片其實都是被放大一倍的所以你要想手機(jī)pad上看到的圖片清晰那你就要做pc上正常；首先你要在html頁面頭部加上下面的代碼viewportquot，不懂可以百度content=quot，一些小的模塊可以用固定尺寸meta ， name=quot再就是css中要應(yīng)用到媒體查詢，不能不用固定尺寸lt，其次你要把頁面中的寬度修改為百分比。

4、只有內(nèi)嵌css有效，外部css會出現(xiàn)拉伸的情況，所以有兩種方案 var myCanvas = quotltcanvas id=#39myCanvas#39 width=#39quot + screenavailWidth + quotpx#39 height=#39quot+ screenavailHeight + quotpx#39ltvanvasquot；4不支持css3html5的腦殘瀏覽器特別是lt=ie8系列則需要用js以及resize事件來控制html的布局標(biāo)簽寬度了 5寬度自適應(yīng)需要對每個顯示模塊進(jìn)行不同寬度的計算，在做html布局時需要大量的計算與適配 6寬度自適應(yīng)。

5、然后，在網(wǎng)頁的lthead中增加以上這句話ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， minimumscale=05， maximumscale=20， userscalable=yesquot 可以讓網(wǎng)頁的寬度自動適應(yīng)手機(jī)屏幕；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。