iPad 的屏幕尺寸减去浏览器中的地址栏是多少？

Question

浏览器分辨率是多少？我在谷歌上搜索了一段时间，但不知何故找不到它！

Answer 1

960x768 或 704x1024

Answer 2

以下答案是错误的。减去占用空间的 UI 组件后，横向尺寸为 981 x 673（或 644，具体取决于）。所以减去地址栏和状态栏后，你的真实高度是 673（或 644）。

Answer 3

以下是屏幕尺寸，根据我在 Photoshop 中的测量，至少对于 Safari 中的横向布局：

屏幕高度：768px

•  iOS+Safari Chrome：96 像素
- 状态栏（顶部黑色）：20px
-  Chrome 浏览器（后退/前进按钮、地址栏等）：44px
- 浏览器标签栏：32px
•  网页显示：672px

Answer 4

我正在开发一个严重依赖于这个概念的应用程序。我们支持的最小设备是 iPad mini，我可以使用以下宽度和高度配置：

// iPad mini's browser width and height in portrait
// Needs to subtract toolbar, etc.
const PORTRAIT = {
  width: 744,
  height: 900,
};

// iPad mini's browser width and height in landscape
// Needs to subtract toolbar, etc.
const LANDSCAPE = {
  width: 1024,
  height: 600,
}

我测试了iPad mini 2019、iPad mini 2021、iPad Air 2019和iPad Air 4。配置似乎是正确的，我基于浏览器堆栈，并相应地减去了宽度和高度。

这是根据 browserstack 给出的视口进行的粗略估计。我需要按照我认为合适的方式减小宽度或高度，因为在我们的用例中，如果屏幕尺寸等于 iPad mini 或以上，我们就会显示应用程序的内容。