iphone - 屏幕分辨率和浏览器分辨率的区别

Question

iPhone 4s 的分辨率为 640 x 960 像素，但当 http://www.whatismyscreenresolution.com/说 320 x 480 像素。任何人都可以请描述这种差异吗？

Answer 1

当然，该网站实际上并不知道您设备的物理分辨率。它通过 JavaScript 要求操作系统检索分辨率。在 iOS 上，这有点奇怪:所有与图形相关的框架和库都以“点”来衡量大小，在非视网膜设备上，一个点是一个像素，但是 一点是视网膜设备上的两个像素。

如果你曾经问过，例如，UIKit对于同样的事情，你会得到相同的结果。在 iPhone 4 和 4S 上，[[UIScreen mainScreen] bounds].size还将返回 320 x 480 - 以磅为单位的大小。

在 JavaScript 中，您可以通过乘以 window.devicePixelRatio 来获得正确的分辨率。属性(property):

var scale = window.devicePixelRatio;
window.alert(screen.width * scale + "px x " + screen.height * scale + "px");

在 native 代码中，您可以通过乘以 [UIScreen mainScreen].scale 来获得物理大小。 :

CGSize size;
size.width = [UIScreen mainScreen].scale * [UIScreen mainScreen].bounds.size.width;
size.height = [UIScreen mainScreen].scale * [UIScreen mainScreen].bounds.size.height;
NSLog(@"%@", NSStringFromCGSize(size));

此外，您要求使用 CSS3 媒体查询来检测 Retina 显示:

<link rel="stylesheet" type="text/css" href="foo.css" media="only screen and (-webkit-min-device-pixel-ratio: 2)" />