Cordova - JQuery Mobile icons低解像度

Question

私はcordovaでアプリケーションを開発していますが、Androidやブラウザで実行すると実際のアイコンは低解像度です。私はメタタグでこれを追加する必要がありました、インターネット上で見つかった：

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width, target-densitydpi=device-dpi, user-scalable=0, target-densitydpi=medium-dpi" /> 

しかし、結果なしで...ここに

は、問題を示しフィドルです：LINK

これはどのようにあります私は、コード内のアイコンを実行します。

<i class="ui-icon-departure ui-btn-icon-notext inlineIcon"></i> 

とCSS：

.ui-icon-departure:after { 
    background-image: url("../img/icons/vertrek-icon.png"); 
    background-color: transparent; 
    background-size: 18px 18px; 
} 

Answer 1

メタタグとは関係ありません。 CSSを使用して427x325のPNGを18x18にリサイズしています - 元のサイズの数分の1に縮小するだけでなく、それをプロセスで伸ばします。

PNGの表示解像度を2倍に設定して、網膜が鮮明に表示されるようにしてください（ページが18x18の場合、36x36として保存してください）。