1、HTML5里面自动适应手机屏幕的高度方法使用meta标签，这也是普遍使用的方法 ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10， minimumscale=10， maximumscale=10， userscalable=noquot解释该；结论要做真正的“感应式”设计，自动适应多个屏幕，又不想写代码，就只能用互动大师；ltmeta name=quotviewportquot content=quotinitialscale=05， maximumscale=05， minimumscale=05， userscalable=noquotinitialscale 初始的缩放比例minimumscale 允许用户缩放到的最小比例maximumscale 允许用户；var html = documentquerySelector‘html‘var rem = htmloffsetWidth 64 = rem + quotpxquot媒体查询 媒体查询正是为解决网页适应手机屏幕媒体查询的功能就是为不同的“媒体”设置不同的；头部要加的是这个，放在ltheadlthead标签里，这是初始化手机屏幕的ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， maximumscale=10， userscalable=noquot 你写的这段是要放在所有css；打包成Android APP为例 下载安装MyEclipse2014，Android SDK，eclipse需配置Android开发环境Java和Android环境安装与配置，将另写经验分享，读者也可百度参考其他相关资料，自行安装 打开MyEclipse2014，新建一个HTML5 Mobile。

2、解决方案2建议你看一下网上的教程或者案例，自己对比学习再写建议如果是小白的话，要不然不会自适应屏幕大小的，只要你编写的html代码符合html5规则就行html5不是转化的，建议你看一下html5标签文档 解决方案3看你；3如果你想要实现完美适配，可以做三个设备，宽度均为640，高度可设置为1040iPhone6 plus1008iPhone5s和大部分Android手机832iPhone4s1HTML5的设计目的是为了在移动设备上支持多媒体新的语法特征被；你这些设置了可以缩放，一般情况下移动端的是这样的，有时候还需加上这个至于你说的背景问题，你可以通过设置一个盒子为width100%height100%然后把图片放在这个盒子里面，然后设置图片自适应盒子displayblock。

3、如何在手机上开发页面和webhtml有区别吗两者没有区别在手机上开发网页有很多方法目前html5的发展不够均衡，导致各大浏览器对h5的支持都不尽如人意但是它增加了@media属性它属于css3，这里不严格区分html5和css3；上面的代码意思是，如果屏幕宽度小于400像素maxdevicewidth 400px，就加载tinyScreencss文件如果屏幕宽度在400像素到600像素之间，则加载smallScreencss文件除了用html标签加载CSS文件，还可以在现有CSS文件中加载；html标签这部分其实就按pc端的正常标签写就可以了 图片，ui 这个很重要了，因为现在的手机分辨率高，拿retina屏幕的iphone来说 你看到的图片其实都是被放大一倍的所以你要想手机pad上看到的图片清晰那你就要做pc上正常；首先你要在html页面头部加上下面的代码viewportquot，不懂可以百度content=quot，一些小的模块可以用固定尺寸meta ， name=quot再就是css中要应用到媒体查询，不能不用固定尺寸lt，其次你要把页面中的宽度修改为百分比。

4、只有内嵌css有效，外部css会出现拉伸的情况，所以有两种方案 var myCanvas = quotltcanvas id=#39myCanvas#39 width=#39quot + screenavailWidth + quotpx#39 height=#39quot+ screenavailHeight + quotpx#39ltvanvasquot；4不支持css3html5的脑残浏览器特别是lt=ie8系列则需要用js以及resize事件来控制html的布局标签宽度了 5宽度自适应需要对每个显示模块进行不同宽度的计算，在做html布局时需要大量的计算与适配 6宽度自适应。

5、然后，在网页的lthead中增加以上这句话ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， minimumscale=05， maximumscale=20， userscalable=yesquot 可以让网页的宽度自动适应手机屏幕；HTML5网页在电脑端和手机端都全屏显示的步骤如下1打开HTML5网页代码2在网页头部加上新代码，让网页的宽度自适应设备的宽度代码如下ltmeta name=quotviewportquot content=quotwidth=devicewidth initialscale=10 maxi。