iPad browser WIDTH & HEIGHT standard

Question

Does anyone know the safest width and height for the BODY when viewing any web page on the iPad? I want to avoid the scrollbars as much as possible.

Thanks.

Answer 1

The pixel width and height of your page will depend on orientation as well as the meta viewport tag, if specified. Here are the results of running jquery's $(window).width() and $(window).height() on iPad 1 browser.

When page has no meta viewport tag:

• Portrait: 980x1208
• Landscape: 980x661

When page has either of these two meta tags:

• Portrait: 768x946
• Landscape: 1024x690

With :

• Portrait: 768x946
• Landscape: 768x518

With :

• Portrait: 980x1024
• Landscape: 980x1024

With :

• Portrait: 768x1024
• Landscape: 768x1024

With

• Portrait: 768x1024
• Landscape: 1024x1024

With

• Portrait: 831x1024
• Landscape: 1520x1024