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

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

3、如何在手機(jī)上開(kāi)發(fā)頁(yè)面和webhtml有區(qū)別嗎兩者沒(méi)有區(qū)別在手機(jī)上開(kāi)發(fā)網(wǎng)頁(yè)有很多方法目前html5的發(fā)展不夠均衡，導(dǎo)致各大瀏覽器對(duì)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)簽這部分其實(shí)就按pc端的正常標(biāo)簽寫(xiě)就可以了 圖片，ui 這個(gè)很重要了，因?yàn)楝F(xiàn)在的手機(jī)分辨率高，拿retina屏幕的iphone來(lái)說(shuō) 你看到的圖片其實(shí)都是被放大一倍的所以你要想手機(jī)pad上看到的圖片清晰那你就要做pc上正常；首先你要在html頁(yè)面頭部加上下面的代碼viewportquot，不懂可以百度content=quot，一些小的模塊可以用固定尺寸meta ， name=quot再就是css中要應(yīng)用到媒體查詢(xún)，不能不用固定尺寸lt，其次你要把頁(yè)面中的寬度修改為百分比。

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

5、然后，在網(wǎng)頁(yè)的lthead中增加以上這句話ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， minimumscale=05， maximumscale=20， userscalable=yesquot 可以讓網(wǎng)頁(yè)的寬度自動(dòng)適應(yīng)手機(jī)屏幕；HTML5網(wǎng)頁(yè)在電腦端和手機(jī)端都全屏顯示的步驟如下1打開(kāi)HTML5網(wǎng)頁(yè)代碼2在網(wǎng)頁(yè)頭部加上新代碼，讓網(wǎng)頁(yè)的寬度自適應(yīng)設(shè)備的寬度代碼如下ltmeta name=quotviewportquot content=quotwidth=devicewidth initialscale=10 maxi。