Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Mobile Safari on iPhone 5: Visible area size?

What's the size of the visible area in Mobile Safari on the iPhone 5 in default configuration, in landscape and in portrait orientation?

like image 924
feklee Avatar asked Sep 17 '12 16:09

feklee


People also ask

How wide is an iPhone 5 screen?

Just as predicted, Apple's brand-new iPhone 5 comes with a 4-inch display with a 16:9 aspect ratio and an 1136 x 640 resolution. That's good for 326 pixels per inch, exactly the same as the Retina display in the iPhone 4 and 4S.

How do I get my Safari Tabs back to normal?

Go to Settings > Safari, then scroll down to Tabs. Select either the Tab Bar or Single Tab layout. You can move between layouts without losing the tabs you have open."


2 Answers

iOS6

According to Kyle Larson's article iPhone 5 Web Design, the resolutions are:

  • Portrait: 640 × 888 px (= 320 × 444 double px)

  • Landscape: 1136 × 392 px (= 568 × 196 double px)

That is with navigation bar, i.e in default configuration, like I wrote in my question.

iOS7

According to @astletron, the resolutions are:

  • Portrait: 640 × 920 px

  • Landscape: 1136 × 424 px

like image 166
feklee Avatar answered Oct 06 '22 07:10

feklee


Portait:

  • Height - 892 (716 + 176 (the difference between the new and old devices))
  • Width - 640

Landscape:

  • Height - 420
  • Width - 1136
like image 33
Ravi Avatar answered Oct 06 '22 07:10

Ravi