iOS网页浏览中的图像显示模糊，但图像视图的图像清晰

Question

对于我们正在开发的应用程序，我经历了几个星期的问题。 以下是我在iOS webview中使用的HTML代码：

<html>
<head>
<meta name='viewport' content='width=device-width, initial-scale=1' />
<style>
  body {margin: 0; padding: 0;}
  img {width:100%; height:auto; margin:0; padding: 0;}
</style>
</head>
<body>
<img src='http://hostname/image.jpg' />
</body>
</html>

我用谷歌搜索它，并说我们应该为不同的设备使用多个图像： https ： //developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html和服务非视网膜和视网膜显示一个代码库：用于在iPhone或iOS设备上扩展HTML5应用程序的布局和资产的框架？ 。

但问题是 ：为什么当我切换到使用imageview时，同样的图像显示得很好而没有模糊？

我也试过Android解决方案： 通过webview显示的Android本地图像模糊但它不适用于iOS。