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和Serving non-Retina and Retina displays with one code base: framework for scaling layouts and assets for HTML5 apps on iPhones or iOS devices?。

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

我也尝试过Android解决方案：Android local image displayed via webview is blurry但它不适用于iOS。

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

0 个答案: