【问题标题】:Understanding iPhone resolution了解 iPhone 分辨率
【发布时间】:2011-11-10 20:00:59
【问题描述】:

我正在使用 phonegap 将一个非常简单的 html5 页面导出到一个 iphone 应用程序并遇到了这个愚蠢的问题。

iPhone 分辨率为 960x640。

当我将画布设置为这些尺寸时,它似乎太大了。

<canvas width="960" height="580" style="background-color:#607559"></canvas>

这是为什么呢?以及如何利用 iphone4 的全高清功能。如果我将画布设置为旧 iPhone(320×480)的东西,画布似乎适合全屏。

将视口设置为这样的东西似乎可行,但这会影响性能吗?

<meta name="viewport" content="width=device-width, height=device=height, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no" />

【问题讨论】:

标签: xcode html canvas cordova iphone-4


【解决方案1】:

这取决于你说的是哪款 iPhone。

旧款 iPhone 3GS 的分辨率为 320x480。较新的 iPhone 4 和 iPhone 4s 具有所谓的视网膜显示屏,其分辨率为 640x960,但它会自动放大(您不能单独访问像素。

但是您可以在这个问题中设置非常适合画布覆盖的设备像素比率:Canvas drawing and Retina display: doable?

【讨论】:

  • 丹尼尔。谢谢您的答复。这是一个 iPhone4,window.devicePixelRatio 返回值“1”。我仍然没有关注如何让 iphone4 充分利用它显示更大的 960x640 画布的全部功能。
  • 这很奇怪,我唯一能想到的是视口元标记上的缩放因子会以某种方式影响这一点。你能把它设置为 1.0 再试一次吗?
  • 我已将视口元设置为 1.0,并尝试完全删除它。在这两种情况下 window.devicePixelRatio = 1 并且画布在 iPhone 上看起来很大,几乎是屏幕大小的两倍。
  • 糟糕,在我将模拟器更改为 iPhone(Retina) 并导出到实际的 iphone4 后,window.devicePixelRatio 显示为 2。这是有道理的,因为这正是我所看到的。它将画布放大了两倍。我该如何阻止它?
猜你喜欢
  • 2015-07-23
  • 2016-06-28
  • 1970-01-01
  • 1970-01-01
  • 2014-05-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多