移動分辨率和CSS長寬比

我正在使用RWD構建Web應用程序。我已經寫了媒體查詢爲不同的分辨率說1024，768和320移動分辨率和CSS長寬比

我用下面的元標記來決定頁面寬度

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

很少有設備例如分辨率爲1136×640的iPhone 5。當我在iPhone中打開我的網頁時，它在橫向模式下顯示320佈局，其分辨率顯示爲1136像素寬。

我知道它的CSS像素比例爲2，但不確定CSS像素比率，媒體查詢寬度和設備分辨率計算之間的邏輯關係。

是否有任何文章或鏈接解釋了這一點，並將說明爲什麼它顯示iPhone的320佈局。

謝謝先進。

這裏是關於this..http的文章：//www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html – vsync

你是什麼期望出來，也會顯示一些代碼。 –

嘗試使用此元聲明代替：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

2013-02-04 19:12:46 Lowkase

這會禁用縮放功能嗎？在添加這個元聲明後，會呈現哪些佈局？ –

是的，你是對的，它將禁用縮放功能。 – Lowkase

它只禁用縮放，默認瀏覽器分辨率仍然是320，而屏幕實際分辨率是640（在iphone4/5上） – vsync

回答