2

私の 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>      

私のコードは特別なことは何もありません.しかし、私は理由を見つけることができません...助けてください〜

4

1 に答える 1

1

HTML 内の画像に特定の幅 (解像度) を設定しているようです。保存された画像の解像度が要求された解像度よりも高い場合、ブラウザーは画像を要求された解像度にダウンサンプリングします。このプロセスにより、画像のアーティファクトやぼやけなどが発生する可能性があります。

表示したい解像度と同じ解像度の画像ファイルを作成してみてください。これにより、ブラウザが画像を十分に表現する必要がなくなり、鮮明な画像が得られます。

于 2013-03-03T10:00:54.430 に答える