3

我正在尝试在带有 Retina 显示屏的移动 Safari 中测试我的 Web 应用程序，并且只能访问 iOS 模拟器。我的图像都以 2 倍分辨率渲染。我意识到这在某种程度上可能是有道理的，但我实际上希望图像以其自然分辨率呈现。

如何让img标签在 iPhone Retina 设备上的 Mobile Safari 中以自然分辨率呈现？（模拟器或其他）

更新

我不是在编写本机应用程序并调用 Safari，我正在编写一个普通的网站，我希望 Safariimg为视网膜和非视网膜设备以全分辨率呈现我的标签图像。（我知道，会接受并希望在视网膜设备上图像会更小）

4

3 回答 3

2

您需要使用媒体查询。没有它，Retina 不会自动假设您使用的是 2x 资源；这将导致所有网站图形以其预期大小的 50% 呈现。灾难！

（来自 HTML5 样板）：

/* iPhone 4 and high pixel ratio devices ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

您也可以在此处使用 ratio: 2 来仅针对 iPhone Retina，但某些设备（例如三星 Galaxy S）也具有相当高的分辨率 - 我认为 220ppi - 尽管它们并不完全是两倍，所以请注意这一点。这些设备响应 1.5 查询。该比率来自占用可见像素的实际像素数量。像素数学，耶！最后证明它们不是（也从来不是）绝对单位。

于 2011-04-01T17:29:16.030 回答
0

在模拟器 iOS 模拟器->硬件->设备->iPhone(Retina) 中选择硬件并运行您的应用程序

于 2011-03-28T13:00:02.923 回答
0

如果我理解正确，这里是类似的问题：

还有一篇关于这个问题的优秀博客文章：

于 2011-03-28T15:00:51.337 回答