來源：http://www.phptext.net/article_view.php?id=387
------------------------------------------------------------------------------------------------
文章摘要：
最近接觸到一個項目由于客戶要求的比較~~是以也參與了下，結果晉級了一下~~來和大家分享~~
現在滿大街的APP，除了遊戲，軟體圖形類的需要用原生開發好點。現在大多還是基于WEBAPP或者混合的hybrid app，大家都知道資訊類的小應用其實網頁就可以勝任，當然如果你要調用一些應裝置，原生的APP外hybrid app也是一個不錯的選擇。不過我們今天的主角是WEB APP,WEB APP好處就是，随時随地有網就能看，簡單實用。對于開發來說，更是低成本高效率，當然對于追求細緻的來說。。。就有點。。。。。好了，下面我們來看看WEB APP怎麼區分iphone 4 5 6吧
在網頁中，pixel與point比值稱為device-pixel-ratio，普通裝置都是1，iPhone 4是2，有些Android機型是1.5。]
那麼-webkit-min-device-pixel-ratio:2可以用來區分iphone(4/4s/5)和其它的手機
iPhone4/4s的分辨率為640*960 pixels，DPI為是320*480，裝置高度為480px
iPhone5的分辨率為640*1136 pixels，DPI依然是320*568，裝置高度為568px
iPhone6的分辨率為750*1334 pixels，DPI依然是375*667，裝置高度為667px
iPhone6 Plus的分辨率為1242x2208 pixels，DPI依然是414*736，裝置高度為736px
那麼我們隻需要判斷iphone手機的device-height(裝置高)值即可差別iPhone4和iPhone5、iPhone6、iPhone6 Plus
使用css
通過 CSS3 的 Media Queries 特性，可以寫出相容iPhone4和iPhone5、iPhone6、iPhone6 Plus的代碼~~
方式一，直接寫到樣式裡面
方式二，連結到一個單獨的樣式表，把下面的代碼放在<head>标簽裡
使用JS
![今日頭條iOS用戶端啟動速度優化 技術調研 實測資料[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)