html img 标签中的图像在我的 iPhone 应用程序上变得模糊答案

【问题标题】：images in html img tag become blurred on my iPhone applicationhtml img 标签中的图像在我的 iPhone 应用程序上变得模糊
【发布时间】：2013-03-03 07:25:31
【问题描述】：

我的 iOS 应用程序在项目本身中包含一些 .html 文件、.jpg 文件。并通过 webView 显示它们。我的图像文件是高分辨率的，但是当它添加到带有标签的 html 文件并使用 iOS 模拟器放大检查它们时......图像变得模糊，以至于我无法阅读它们上的文本。

<!DOCTYPE html> 
<html> 
<head>
<title></title>
<meta name="viewport" charset="utf-8" content="initial-scale=1.0; maximum-scale=20.0; user-scalable=yes">
<link rel="stylesheet"  href="style.css" />
<link rel="stylesheet" type="text/css" href="m.ritz.css"/>
<link rel="stylesheet" href="jquery.mobile-1.2.0.min.css" />
<script src="jquery-1.8.2.min.js"></script>
<script src="jquery.mobile-1.2.0.min.js"></script>
<script src="scrollview.js"></script>
</head> 

<body>          
 <img src="tong.png" width="500"/>
</body>                         
</html>

我的代码没什么特别的...但是我找不到原因...帮帮我~

【问题讨论】：

标签： iphone html ios image

【解决方案1】：

您似乎正在为 HTML 中的图像设置特定的宽度（分辨率）。如果存储的图像具有比请求更大的分辨率，浏览器会将图像下采样到请求的分辨率。这个过程会引入图像伪影、模糊等。

尝试创建一个与您希望显示的分辨率相同的图像文件。这应该消除了浏览器代表图像的需要，从而为您留下漂亮清晰的图像。

【讨论】：