最近在做一些手机端微场景，发现处理各种手机屏幕分辨率是个很让人头疼的事情，最终找到了一个处理效果比较满意的方案。各位客观请往下看：
如果有过做微场景经历的客官们应该都了解，在代码中给一个元素的宽高设成定值，那么在不同分辨率的手机上可能会出现不同的布局，更甚者会出现滚动条。
我们用iphone5和ipnohe6 plus来举例：
iPhone5 的屏幕分辨率是 320*568 ，我们在行内定义一个320*568的div，类名为resize，让它相对于手机屏幕（body）绝对定位，背景设为橙色
css的代码：
我们可以看到，div充满了整个屏幕并且没有横向和竖向的滚动条
iPhone6 plus 的屏幕分辨率是 414*736，大家肯定知道，div此时是肯定不能充满整个屏幕的，效果是这样的：
那如果我们想要让div在两种分辨率的手机上都充满整个屏幕，要怎么做？解决方法如下：
以在iphone5手机端布局为例
由于我们获取的是标签的行内样式，所以在给resize定义一系列属性时，都要写在行内哟！
这个方法的核心思想就是，屏幕变大多少倍，元素的宽和高也等比例的放大多少倍。由于手机端分辨率相差都不大。所以当我们在布局里有一些图片的话，虽然会有轻微的变形，但是影响不大。
对于大家的疑问，我会在看到评论的第一时间给出回复。
小弟初来乍到，第一次写博客，有什么不足和错误的地方，希望各位看观老爷们谅解。
原文：http://www.cnblogs.com/wszdeblog/p/6524825.html