3

Android WebView で高 dpi の画像を表示するのに問題があります。

まず、HTML でこのディレクティブを使用しています。

<meta name="viewport" content="width=device-width" />

背景画像は、CSS で次のように指定されています。

.button {
    width: 100px;
    height: 50px;
    /* button.png is really 200x100 */
    background: url('../img/button.png') no-repeat 50% 50%;
    background-size: contain;
}

Chrome for Android では、この画像は非常に鮮明に表示されます。ただし、WebView では画像がぼやけています。まるで 72dpi がアップスケールされているかのようです。

奇妙なことに、指定すると:

<meta name='viewport' content='target-densitydpi=device-dpi'>

ページの残りの部分も半分の解像度ですが、画像はくっきりと表示されます。

android:hardwareAccelerated="true"や などを追加しましandroid:anyDensity="true"たAndroidManifest.xmlが、違いはないようです。

誰かアイデアはありますか？

4

3 に答える 3

0

css でハードウェア アクセラレーションを強制すると、「鮮明な」イメージが得られます。

-webkit-transform: translate3d(0,0,0);
于 2014-07-30T13:54:02.230 に答える