H5微场景宽、高度自适应办法

最近在做一些手机端微场景，发现处理各种手机屏幕分辨率是个很让人头疼的事情，最终找到了一个处理效果比较满意的方案。各位客观请往下看：

　如果有过做微场景经历的客官们应该都了解，在代码中给一个元素的宽高设成定值，那么在不同分辨率的手机上可能会出现不同的布局，更甚者会出现滚动条。

我们用iphone5和ipnohe6 plus来举例：

　　　　iPhone5 的屏幕分辨率是 320*568 ，我们在行内定义一个320*568的div，类名为resize，让它相对于手机屏幕（body）绝对定位，背景设为橙色

　　　　css的代码：　　

　　                        　　

　　　　我们可以看到，div充满了整个屏幕并且没有横向和竖向的滚动条

　　　　iPhone6 plus 的屏幕分辨率是 414*736，大家肯定知道，div此时是肯定不能充满整个屏幕的，效果是这样的：

　　　　那如果我们想要让div在两种分辨率的手机上都充满整个屏幕，要怎么做？解决方法如下：

　　　　以在iphone5手机端布局为例

　　　　由于我们获取的是标签的行内样式，所以在给resize定义一系列属性时，都要写在行内哟！

　　　　这个方法的核心思想就是，屏幕变大多少倍，元素的宽和高也等比例的放大多少倍。由于手机端分辨率相差都不大。所以当我们在布局里有一些图片的话，虽然会有轻微的变形，但是影响不大。

　　　　对于大家的疑问，我会在看到评论的第一时间给出回复。

　　　　小弟初来乍到，第一次写博客，有什么不足和错误的地方，希望各位看观老爷们谅解。