響應式網頁設計的CSS媒體查詢和Iphone不同的決議

我在我的應用程序上使用媒體查詢，它似乎很好，並在http://www.responsinator.com/顯示良好，但是當我在真正的iPhone 4中查看我的網頁根本不可讀。它看起來全部放大。響應式網頁設計的CSS媒體查詢和Iphone不同的決議

試圖找出真正的原因，看起來responsinator顯示iPhone 4的分辨率爲320 x 480，而本網站http://www.iphoneresolution.com/顯示爲640×960。我的iPhone看起來是640×960。我應該如何處理CSS媒體查詢中的這些情況？

2013-02-07 Jack

@kleinfreund：我沒有這樣的事情。我應該添加嗎？ – Jack

iPhone的屏幕分辨率爲320x480，分辨率爲163 ppi，與iPhone 2和iPhone 3一樣。iPhone 4的分辨率爲326 ppi時爲640×960，iPhone爲5時爲1,136 x 640，分辨率爲326 ppi。 –

@Jack是的，請嘗試一下。 – kleinfreund

視meta標籤添加到head - 面積您的HTML文件：

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

該代碼使得你的網站規模適當。

2013-02-07 09:29:32 kleinfreund

回答