html中的圖像img標記在我的iPhone應用程序中變得模糊

我的iOS應用程序在項目中包含一些.html文件，.jpg文件。並通過webView顯示它們。我的圖像文件是高分辨率的，但是當它添加到帶有標籤的html文件並使用iOS模擬器檢查它們時，放大...圖像變得模糊不清，因此我無法讀取它們上的文本。html中的圖像img標記在我的iPhone應用程序中變得模糊

<!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>

我的代碼有沒有什麼特別的...但我找不到理由...幫幫我〜

來源

2013-03-03 Kisuk Park

你似乎是設置在HTML中的圖像的特定寬度（分辨率）。如果存儲的圖像的分辨率高於請求的分辨率，瀏覽器會將圖像下采樣至請求的分辨率。此過程可能會引入圖像僞影，模糊等。

嘗試創建與您希望顯示的分辨率相同的圖像文件。這應該消除瀏覽器對圖像的充分需求，從而爲您留下一幅不錯的清晰圖像。

來源

2013-03-03 10:00:54

html中的圖像img標記在我的iPhone應用程序中變得模糊

回答

相關問題