iPhone - @ 2x对UIWebView有效吗？

Question

我在我的应用程序上有这个UIWebView，它显示了一个本地的html文件。该Web视图上的图像是否遵循@ 2x规则？我的意思是，如果我同时构建常规和@ 2x图像，webview会为iPhone 4加载视网膜吗？

请记住，HTML标记正在加载图像，而不是任何UIImage方法。

感谢。

Answer 1

不。虽然WebKit支持这个CSS规则，但是推出自己的东西并不难：

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    /* this is a retina display device */
}

您还可以使用-webkit-background-size以及通常的width和height选择器来确保图片以正确的物理尺寸显示。

Answer 2

Jonathon Grynspan是对的。我建议阅读Aral Balkan关于该主题的教程。这是我在最近的移动网站上实现@ 2x图形时所读到的内容：

How to make your web content look stunning on the iPhone 4’s new Retina display

Answer 3

不，我刚试了一个实验，UIWebView没有拿起@ 2x图像。

Answer 4

也许我对类似问题的回答很有意思UIWebView and iPhone 4 retina display。它使用Javascript加载缩放图像并正确设置宽度。

Answer 5

i.m.o的最佳解决方案是始终加载视网膜图像，并将图像的大小设置为50％。它在视网膜和非视网膜显示器上看起来很好。应该足够了。