最近在做一些手機端微場景，發現處理各種手機屏幕分辨率是個很讓人頭疼的事情，最終找到了一個處理效果比較滿意的方案。各位客觀請往下看：
如果有過做微場景經歷的客官們應該都了解，在代碼中給一個元素的寬高設成定值，那么在不同分辨率的手機上可能會出現不同的布局，更甚者會出現滾動條。
我們用iphone5和ipnohe6 plus來舉例：
iPhone5 的屏幕分辨率是 320*568 ，我們在行內定義一個320*568的div，類名為resize，讓它相對於手機屏幕（body）絕對定位，背景設為橙色
css的代碼：
我們可以看到，div充滿了整個屏幕並且沒有橫向和豎向的滾動條
iPhone6 plus 的屏幕分辨率是 414*736，大家肯定知道，div此時是肯定不能充滿整個屏幕的，效果是這樣的：
那如果我們想要讓div在兩種分辨率的手機上都充滿整個屏幕，要怎么做？解決方法如下：
以在iphone5手機端布局為例
由於我們獲取的是標簽的行內樣式，所以在給resize定義一系列屬性時，都要寫在行內喲！
這個方法的核心思想就是，屏幕變大多少倍，元素的寬和高也等比例的放大多少倍。由於手機端分辨率相差都不大。所以當我們在布局里有一些圖片的話，雖然會有輕微的變形，但是影響不大。
對於大家的疑問，我會在看到評論的第一時間給出回復。
小弟初來乍到，第一次寫博客，有什么不足和錯誤的地方，希望各位看觀老爺們諒解。