uiwebview 中的高分辨率图像

我有一个显示图像的网络视图，如下面的代码所示。该捆绑包还有一个[电子邮件受保护] /cdn-cgi/l/email-protection尺寸为 128x128，适用于 iPhone4。这[电子邮件受保护] /cdn-cgi/l/email-protection从不显示。有没有办法根据它是iPhone还是iPhone4来显示“任一/或”？

<img src="DGT64.png" width="64" height="64" align="left" style="padding:2px;"/>

方法是使用 CSS 背景。只需将所有 2x 内容嵌入到 CSS 的一个小节中即可。关键还在于设置-webkit-background-size。下面是一个带有 id & 符号的 div 的 css 部分（包括视网膜和非视网膜）的示例，该部分充当图像。

div#Ampersand {
  background: url('AmpersandBurned.png');
  width:43px;
  height:97px;
  float:left;
  -webkit-background-size: 43px 97px;
}

@media screen and (-webkit-device-pixel-ratio: 2) {
  div#Ampersand {
    background: url('[email protected] /cdn-cgi/l/email-protection');
    width:43px;
    height:97px;
    float:left;
  }
}