移动浏览器上的尺寸 - 如何计算

Question

使用配备 Retina 显示屏的 Iphone 4s - 手机尺寸为 640 x 960。

为什么当我在任何浏览器的 javascript 中获取 screen.width 和 screen.height 时，返回的尺寸都是 320 x 480。

三星s4也返回不准确的值。

1. 浏览器/javascript 做了什么来计算这个。

2. 整个过程在技术上是如何运作的？

Answer 1

无论型号如何，屏幕的像素大小都是 320x480。来自：http://www.idev101.com/code/User_Interface/sizes.html 4s 在空间中显示两倍的像素，这就是差异所在。

点与像素

Apple 从 iPhone 4 开始推出视网膜显示器。这些 屏幕像素是以前 iPhone 的两倍。你没有 修改您的代码以支持高分辨率显示； iOS 坐标 系统使用点而不是像素，因此尺寸和位置 所有 UI 元素的 in 点在所有设备上保持相同。