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 回答