ios iPhone 5 上的移动 Safari:可见区域大小?

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/12463643/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-30 20:12:33  来源:igfitidea点击:

Mobile Safari on iPhone 5: Visible area size?

iphoneiosmobile-safari

提问by feklee

What's the size of the visible area in Mobile Safari on the iPhone 5 in default configuration, in landscape and in portrait orientation?

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

回答by feklee

iOS6

iOS6

According to Kyle Larson's article iPhone 5 Web Design, the resolutions are:

根据 Kyle Larson 的文章iPhone 5 Web Design,分辨率是:

  • Portrait: 640 × 888 px (= 320 × 444 double px)

  • Landscape: 1136 × 392 px (= 568 × 196 double px)

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

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

That is with navigation bar, i.e in default configuration, like I wrote in my question.

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

iOS7

IOS 7

According to @astletron, the resolutions are:

根据@astletron,决议是:

  • Portrait: 640 × 920 px

  • Landscape: 1136 × 424 px

  • 纵向:640 × 920 像素

  • 横向:1136 × 424 像素

回答by Ravi

Portait:

肖像:

  • Height - 892 (716 + 176 (the difference between the new and old devices))
  • Width - 640
  • 高度 - 892(716 + 176(新旧设备之差))
  • 宽度 - 640

Landscape:

景观:

  • Height - 420
  • Width - 1136
  • 高度 - 420
  • 宽度 - 1136

回答by TPoy

If you're after general viewport size, iPhone5 portrait width is 320 and landscape width is 568.

如果您追求一般视口尺寸,iPhone5 纵向宽度为 320 ,横向宽度为 568