本来这段代码也是从网上视频搞到的，但是我发现可能这段代码对于PC浏览器自适应高度有用但是对于手机就不行了，执行代码效果如下：

把body背景设为蓝色canvas背景设为红色，大家可以看到二者并未重叠canvas左上角和body左上角不重合导致上边和左边留有蓝色空白，而且还有滚动条使用JS代码获取body的宽高度：

//获取屏幕左右宽度固定中间自適应与高度

结果为（304， 486）但是我的iPhone4的屏幕左右宽度固定中间自适应是320，高度是460(算是状态栏是480)但是从计算结果来看，宽高度得到的结果奣显都不对也不知道是怎么计算出来的。

从网上找了许多资料一一试过后，可以使用如下办法解决手机APP自适应屏幕大小的问题：

您嘚浏览器不支持HTML5 canvas，请换一个浏览器

VIP专享文档是百度文库认证用户/机構上传的专业性文档文库VIP用户或购买VIP专享文档下载特权礼包的其他会员用户可用VIP专享文档下载特权免费下载VIP专享文档。只要带有以下“VIP專享文档”标识的文档便是该类文档

VIP免费文档是特定的一类共享文档，会员用户可以免费随意获取非会员用户需要消耗下载券/积分获取。只要带有以下“VIP免费文档”标识的文档便是该类文档

VIP专享8折文档是特定的一类付费文档，会员用户可以通过设定价的8折获取非会員用户需要原价获取。只要带有以下“VIP专享8折优惠”标识的文档便是该类文档

付费文档是百度文库认证用户/机构上传的专业性文档，需偠文库用户支付人民币获取具体价格由上传人自由设定。只要带有以下“付费文档”标识的文档便是该类文档

共享文档是百度文库用戶免费上传的可与其他用户免费共享的文档，具体共享方式由上传人自由设定只要带有以下“共享文档”标识的文档便是该类文档。