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

发布于 2024-09-14 10:23:13 字数 40 浏览 8 评论 0原文

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

自此以后，行同陌路 2024-09-21 10:23:13

960x768 或 704x1024

回复收藏 0 原文

深海里的那抹蓝 2024-09-21 10:23:13

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

回复收藏 0 原文

听你说爱我 2024-09-21 10:23:13

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

屏幕高度：768px

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

回复收藏 0 原文

对风讲故事 2024-09-21 10:23:13

我正在开发一个严重依赖于这个概念的应用程序。我们支持的最小设备是 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: 620,
}

我测试了 iPad mini 2019、iPad mini 2021、iPad Air 2019 和 iPad Air 4。配置似乎正确，我基于 browserstack，并且相应地减去宽度和高度。

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

I am working on an application that heavily relies on this exact concept. Our smallest device supported is iPad mini and I got the following width and height configurations working:

// 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: 620,
}

I tested iPad mini 2019, iPad mini 2021, iPad Air 2019, and iPad Air 4. The configuration seems correct, I based it off on browserstack, and subtracted width and height accordingly.

It is a rough estimate based on the viewport given by browserstack. I needed to decrease width or height as I see fit because in our use case, we show the contents of the app if the screen's size is equal to the iPad mini or above.

回复收藏 0 原文

~没有更多了~