width - iPad 浏览器宽度和高度标准

Question

有人知道在 iPad 上查看网页时 BODY 最安全的宽度和高度吗？我想尽可能避免滚动条。

谢谢。

埃里克

Answer 1

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

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

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

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

<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">

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

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

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

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

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

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

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

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

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

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

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