我的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>
我的代码没有什么特别的......但我找不到原因......帮助我〜
答案 0 :(得分:1)
您似乎正在为HTML中的图像设置特定宽度(分辨率)。如果存储的图像的分辨率高于请求的分辨率,则浏览器会将图像下采样到所请求的分辨率。这个过程可能会引入图像伪影,模糊等。
尝试创建一个与您希望显示的分辨率相等的图像文件。这样就不需要浏览器来重复图像,为您留下清晰锐利的图像。