iPad 浏览器宽度 &高度标准 [英] iPad browser WIDTH & HEIGHT standard

问题描述

有谁知道在 iPad 上查看任何网页时 BODY 最安全的宽度和高度吗?我想尽可能避免滚动条.

谢谢.

埃里克

解决方案

页面的像素宽度和高度将取决于方向以及元视口标签(如果指定).下面是在 iPad 1 浏览器上运行 jquery 的 $(window).width() 和 $(window).height() 的结果.

当页面没有元视口标签时:

• 肖像:980x1208
• 横向:980x661

当页面具有这两个元标记之一时:

• 肖像:768x946
• 横向:1024x690

使用:

• 肖像:768x946
• 横向:768x518

使用:

• 肖像:980x1024
• 横向:980x1024

使用:

• 肖像:768x1024
• 横向:768x1024

使用

• 肖像:768x1024
• 横向:1024x1024

使用 >

• 肖像:831x1024
• 横向:1520x1024

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.

Erik

解决方案

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:

<meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width">

<meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1">

• Portrait: 768x946
• Landscape: 1024x690

With <meta name="viewport" content="width=device-width">:

• Portrait: 768x946
• Landscape: 768x518

With <meta name="viewport" content="height=device-height">:

• Portrait: 980x1024
• Landscape: 980x1024

With <meta name="viewport" content="height=device-height,width=device-width">:

• Portrait: 768x1024
• Landscape: 768x1024

With <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width,height=device-height">

• Portrait: 768x1024
• Landscape: 1024x1024

With <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,height=device-height">

• Portrait: 831x1024
• Landscape: 1520x1024

这篇关于iPad 浏览器宽度 &高度标准的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！