phonydev.com

Screen dimensions

• posted on: February 1, 2009
• filed under: pixels

• What are the dimensions of the screen real estate on that tiny iPhone device? Specifically the real estate available for a page being loaded in Safari. To answer this I put up a small script that just alerts the dimensions by using window.innerWidth and window.innerHeight.

  › Try it yourself

  So here are the dimensions measured before and after the toolbar hiding trick and with/without the debug console toolbar. Also portrait and landscape.

  Portrait:

  • With all toolbars:
    320 x 306 pixels
  • Without the debug toolbar (default for most users):
    320 x 356 pixels
  • After hiding the toolbars:
    320 x 416 pixels

  Landscape:

  • With all toolbars:
    320 x 105 pixels
  • Without the debug toolbar (default for most users):
    320 x 139 pixels
  • After hiding the toolbars:
    320 x 179 pixels

No comments yet

Leave a comment