Html 用于视网膜显示的uiwebview中内容的iOS大小

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

body { zoom: 0.5 }

---

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

假设您是为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" />