2012-09-17 19 views
7

默認配置下,橫向和縱向方向的iPhone 5移動Safari中可見區域的大小是多少?iPhone 5上的移動Safari:可見區域大小?

+0

啓動你的iPhone模擬器和屏幕截圖! – Cyrille

+2

我可以這樣做,如果模擬器會在我的ThinkPad上運行... – feklee

+0

檢查我對類似問題的回答,可能會有所幫助 - http://stackoverflow.com/questions/8205812/jquery-js-ios-4-和文檔高度問題 –

回答

7

iOS6的

根據凱爾Larson的文章iPhone 5 Web Design,所述分辨率包括:

  • 縱向:640×888像素(= 320×444雙PX)

  • 景觀:1136×392像素(= 568×196雙像素)

這是與導航欄,即在默認配置,就像我寫在我的問題。

iOS7

根據@astletron,所述分辨率包括:

  • 縱向:640×920像素

  • 景觀:1136×424像素

+2

值得注意的是這些數字是針對iOS 6的。iOS 7的數字是640 x 920和1136 x 424硬件像素。 – astletron

+0

爲什麼這些iOS7的決議?我有iOS 10的iPhone 5,分辨率與iOS6相同 – NineCattoRules

1

波泰特:

  • 高度 - 892(716 + 176(在新老設備之間的差異))
  • 寬度 - 640

景觀

  • 身高 - 420
  • 寬度 - 1136
+0

風景高度不能爲640像素:頂部和底部的UI元素需要空間。另外,如果您能夠鏈接到這些數字的來源,那將是非常好的! – feklee

+0

哦,對不起 - 我曾經創建過一個移動網站,只是有一個圖像,我被UI設計師給了這些數字。我更新了景觀數字。我不確定是否有編程方式來檢索Safari瀏覽器的窗口大小。 – Ravi

+0

也許這將幫助你:https://developer.apple.com/library/safari/#technotes/tn2010/tn2262/index.html – Ravi