logo标签列表

iPhone 5上的移动Safari浏览器：可见区域大小是多少？

iphoneiosmobile-safari
10

在默认配置下，iPhone 5在横屏和竖屏方向上的移动Safari浏览器可见区域大小是多少？

启动您的iPhone模拟器并进行屏幕截图！ - Cyrille
2
如果模拟器可以在我的ThinkPad上运行，我可能会这样做... - feklee
检查我的类似问题的答案，可能会有所帮助 - https://dev59.com/zWsy5IYBdhLWcg3w9Srk - Dmitry Semenov
3个回答
13

iOS6

根据Kyle Larson的文章《iPhone 5网页设计》，分辨率为:

  • 竖屏: 640 × 888像素 (= 320 × 444双倍像素)

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

这是在默认配置下，包含导航栏。

iOS7

根据@astletron说法，分辨率为:

  • 竖屏: 640 × 920像素

  • 横屏: 1136 × 424像素

2
值得注意的是，这些数字是针对iOS 6的。iOS 7的数字为640 x 920和1136 x 424个硬件像素。 - astletron
为什么要使用那些iOS7的分辨率？我有一部安装了iOS 10的iPhone 5，它的分辨率与iOS6相同。 - NineCattoRules
1
希望首先列出双倍像素尺寸，因为它们通常是人们寻找的可操作值。 - cogell
1

规格：

  • 竖屏 - 高度892（716 + 176（新旧设备之间的差异））
  • 宽度 - 640

横屏：

  • 高度 - 420
  • 宽度 - 1136
横屏高度不能为640像素：顶部和底部需要留出UI元素的空间。此外，如果您能提供这些数字的来源链接，那就太好了！ - feklee
哦，抱歉 - 我曾经创建了一个只有一张图片的移动网站，并由 UI 设计师给出了这些数字。我更新了横向数值。我不确定是否有编程方法来检索 Safari 窗口大小。 - Ravi
也许这个链接可以帮到你：https://developer.apple.com/library/safari/#technotes/tn2010/tn2262/index.html - Ravi
1
关于编程方面：window.innerWidth和window.innerHeight怎么样？如果我能确定这些数字，我会将您的问题标记为已回答。没有源代码，我仍然有所犹豫。 - feklee
-1
请在您的回答中写入文件大小。链接可能会失效。 - feklee
宽度为320与iPhone4相同。 - yaochiqkl
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接