iPad浏览器WIDTH＆HEIGHT标准
有没有人知道在iPad上查看任何网页时最安全的宽度和高度？ 我想尽可能避免滚动条。
谢谢。
埃里克
如果指定，页面的像素宽度和高度将取决于方向以及元视口标记。 以下是在iPad 1浏览器上运行jquery的$（window）.width（）和$（window）.height（）的结果。
当页面没有元视口标签时：
- 肖像：980×1208
- 景观：980×661
当页面具有以下两个元标记时：
<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">
- 肖像：768×946
- 景观：1024×690
使用<meta name="viewport" content="width=device-width"> ：
- 肖像：768×946
- 景观：768×518
使用<meta name="viewport" content="height=device-height"> ：
- 肖像：980×1024
- 景观：980×1024
使用<meta name="viewport" content="height=device-height,width=device-width"> ：
- 肖像：768×1024
- 风景：768×1024
使用<meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width,height=device-height">
- 肖像：768×1024
- 风景：1024×1024
使用<meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,height=device-height">
- 肖像：831×1024
- 景观：1520×1024
这个问题没有简单的答案。 iPhone，iPod Touch和iPad中使用的Apple移动版WebKit将缩放页面以适应屏幕，此时用户可以自由放大和缩小。
也就是说，你可以devise你的页面，以尽量减less所需的缩放量。 最好的办法是使宽度和高度与iPad的较低分辨率相同，因为您不知道它面向哪个方向。 换句话说，你会使你的页面768×768，以便它适合在iPad的屏幕上，无论是面向1024×768或768×1024。
更重要的是，你需要devise一个大的控件页面，这个控件有很多很容易被你的大拇指触击的空间 – 你可以很容易地devise一个非常混乱的768×768页面，因此需要大量的缩放。 要做到这一点，你可能想要在多个网页中划分你的控件。
另一方面，这不是最值得追求的。 如果在devise的时候find机会让页面更“亲近手指”，那就去做吧……但实际情况是，iPad用户非常适合移动和放大或缩小页面，这在大多数网站上是必要的。 如果有的话，你可能要devise它，这有利于这种types的导航。
制作包含相关分组数据的方框，可以轻松地将其重点放在双击，并使相关控件彼此靠近。 iPad的用户很可能会喜欢这样一个页面，这个页面有利于他们习惯的熟悉的缩放和平移导航，而不仅仅是一个控制较less的页面，因此他们不需要这样做。
你可以试试这个：
/*iPad landscape oriented styles */ @media only screen and (device-width:768px)and (orientation:landscape){ .yourstyle{ } } /*iPad Portrait oriented styles */ @media only screen and (device-width:768px)and (orientation:portrait){ .yourstyle{ } }
