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

时间:2013-03-03 07:25:31

标签: iphone html ios image

我的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>      

我的代码没有什么特别的......但我找不到原因......帮助我〜

1 个答案:

答案 0 :(得分:1)

您似乎正在为HTML中的图像设置特定宽度(分辨率)。如果存储的图像的分辨率高于请求的分辨率,则浏览器会将图像下采样到所请求的分辨率。这个过程可能会引入图像伪影,模糊等。

尝试创建一个与您希望显示的分辨率相等的图像文件。这样就不需要浏览器来重复图像,为您留下清晰锐利的图像。