screen.width與設備實際分辨率

我正試圖瞭解有關screen.width查看時，例如， New York Times在我的Android和iOS設備上。下面是我發現了什麼（都在縱向看）：screen.width與設備實際分辨率

screen.width返回320，當我遠程調試我iPod touch，這是應該有一個640x1136的分辨率。
screen.width在我的Nexus 4上查看時返回了384，它應該具有768x1280的分辨率。

不應該screen.width返回設備的分辨率？如果不是，我可以使用哪些JavaScript對象來可靠地獲取解析信息？

2013-12-20 moey

如果這涉及到_meta viewport_，紐約時報網站使用'< meta name =「viewport」content =「width = device-width，initial-scale = 1，maximum-scale = 1」>'。 – moey

你能得出這個結論嗎？ –

不幸的是，沒有。 – moey

什麼似乎讓我的正確座標是window.innerWidth和window.innerHeight。我可以保證他們會工作，但他們可能會。如果他們不這樣做，請確保網站沒有放大（一些移動瀏覽器會自動縮放）

來源

2013-12-20 02:19:50 Markasoftware

'window.innerWidth'也返回384. :(如何找出頁面處於縮放（進/出）狀態？ – moey

這裏基本上會發生什麼，爲了確保舊網站在這些設備上正確呈現，Apple製作了決定在移至iPhone上的視網膜顯示器時報告原始尺寸。由於這個優先順序，Google做出了同樣的決定。如果您使用的是PC，並且其分辨率爲1024x768，則可能是10英寸顯示屏。這不會很好地轉換成對角線只有4或5英寸的設備，至少這是理由。

爲了更深入地看看這個想法，我建議你看看怪癖模式的博客文章吧，你可以找到here

來源

2013-12-20 02:29:04

screen.width與設備實際分辨率

回答

相關問題