iOS的uiwebview中的内容视网膜显示

Question

我应该使用UIWebView中的高分辨率图像进行视网膜显示吗？目前我使用的HTML比屏幕尺寸大两倍（我显示的HTML尺寸是640px X 834px）。然后我使用缩放样式缩小尺寸：

body { zoom: 0.5 } 

是否为视网膜显示创建HTML的正确方法？或者我应该创建一个正常大小的HTM（320px X 417px）？

Answer 1

假设你正在设计iPhone 4视网膜显示器，包装可以是320x480。诀窍是为图像提供更高的2倍分辨率。 （字体不受影响）。

例如：

.logo { 
    background-size: 64px 64px; 
    background-image:url("logo_retina.png"); // Actually a 128x128 image 

} 

您可以指定与媒体查询视网膜设备单位分辨率使用不同的CSS：

<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 2.0)" href="retina.css" /> 
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.0)" href="normalcss.css" />