【问题标题】:Mobile Safari on iPhone 5: Visible area size?iPhone 5 上的移动 Safari:可见区域大小?
【发布时间】:2012-09-17 16:40:16
【问题描述】:

iPhone 5 上的 Mobile Safari 在默认配置、横向和纵向时的可见区域大小是多少?

【问题讨论】:

  • 启动你的 iPhone 模拟器和屏幕截图!
  • 我可以这样做,如果模拟器可以在我的 ThinkPad 上运行...
  • 检查我对类似问题的回答,可能会有所帮助 - stackoverflow.com/questions/8205812/…

标签: iphone ios mobile-safari


【解决方案1】:

iOS6

根据 Kyle Larson 的文章iPhone 5 Web Design,解决方法是:

  • 纵向:640 × 888 像素(= 320 × 444 双像素)

  • 横向:1136 × 392 像素(= 568 × 196 双像素)

那是导航栏,即默认配置,就像我在我的问题中写的那样。

iOS7

根据@astletron,解决方案是:

  • 纵向:640 × 920 像素

  • 横向:1136 × 424 像素

【讨论】:

  • 值得注意的是,这些数字适用于 iOS 6。iOS 7 的数字是 640 x 920 和 1136 x 424 硬件像素。
  • 为什么是那些 iOS7 分辨率?我有 iOS 10 的 iPhone 5,分辨率与 iOS6 相同
  • 会更喜欢首先列出的双 px 大小,因为它们通常是人们正在寻找的可操作值
【解决方案2】:

肖像:

  • 身高 - 892(716 + 176(新旧设备之差))
  • 宽度 - 640

风景

  • 身高 - 420
  • 宽度 - 1136

【讨论】:

  • 横向高度不能为 640 px:顶部和底部需要为 UI 元素留出空间。另外,如果您能提供这些数字来源的链接,那就太好了!
  • 哦,对不起 - 我曾经创建了一个只有一张图片的移动网站,UI 设计师给了我这些数字。我更新了景观数字。我不确定是否有一种编程方式来检索 safari 的窗口大小。
  • 关于编程:window.innerWidthwindow.innerHeight 怎么样?一旦我可以确定数字,我会将您的问题标记为已回答。没有来源,我还在犹豫。
【解决方案3】:

如果您需要一般视口大小,iPhone5 portrait width is 320 and landscape width is 568

【讨论】:

  • 请在答案中写下尺寸。链接可能会失效。
  • width 320 和iPhone4一样
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-04-06
相关资源
最近更新 更多