【问题标题】:Height of the iPad Safari viewportiPad Safari 视口的高度
【发布时间】:2011-12-09 17:03:00
【问题描述】:
  1. iPad 的视口为 980 像素宽。高度是多少?
  2. 在 Safari 中,我们必须添加地址和新的点击。横向模式下 Safari 的高度是多少?
  3. 有一个媒体查询可以让网络适应宽度 - 有没有办法让网络适应高度?

【问题讨论】:

标签: ipad safari viewport


【解决方案1】:

以下是答案;

  1. 你是对的。 iPhone/iPad 的默认视口为 980 像素。因此,没有默认视口高度。您可以使用更改宽度/高度;

    <meta name="viewport" content="width=device-width, height=device-height" >
    
  2. 我不太明白这个问题。但是是的,因为 iPad 分辨率是 1024x768px,所以在横向模式下,高度应该在 768px 左右(减去地址栏高度应该在 40px 左右)

  3. 大多数浏览器的工作方式是允许设置宽度和相应地调整高度(基于其他因素,包括初始缩放级别)。所以大多数时候你需要设置宽度。

【讨论】:

  • 除了地址栏之外,还有状态栏(20px)加上 Safari 带来的可变的 chrome,在 iOS4/5 中用户可以打开或关闭看起来大约 30px 高的书签栏,然后是大约 40-50px 高的地址栏。然后在 iOS5 中有标签栏,它似乎是另一个 30 像素。我用书签栏和标签在 iOS5 上测量了 chrome,它约为 125 像素,因此您的视口在横向模式下约为 643 像素。
  • 是的没错...所以没有直接的方法来确定确切的可用视口高度...
  • 您可以通过访问whatsmy.browsersize.com 获得一组相当不错的维度。当我在 iPad 上的 Safari 中访问该网站时,它告诉我浏览器是 981 像素 X 644 像素。
  • 这似乎是说浏览器总是认为它是纵向模型
猜你喜欢
  • 2021-12-14
  • 2011-08-09
  • 1970-01-01
  • 2021-01-03
  • 2023-04-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多