0

私はハイブリッド iPhone アプリに取り組んでおり、ほとんどのインターフェイスは HTML5 と CSS3 で行われています。最近、具体的にはios 5.1のアップデート以降、アプリ内の画像が引き伸ばされたようにぼやけたりぼやけたりするようになりました。それらはすべてプロパティが設定された であり、「カバー」に設定されてdivいます。background-imagebackground-size

HTMLインデックスファイルにもこの行がありますが、それがどのように影響するかわかりません

<meta name="viewport" content="width=320"/>

画像の見栄えが悪い例を次に示します。この画像のサイズは約 2em x 2em ですが、私の間違いでなければ、約 32px x 32px のフォント サイズで 16px になるはずです。

アプリのぼやけた画像

元の画像:

オリジナル

ご覧のとおり、元の解像度はかなり大きく、32px x 32px の場合、アプリで引き伸ばされることはありません。

これは非常にイライラするので、助けていただければ幸いです。私が言ったように、これは以前は行われませんでしたが、最新の iOS 5.1 アップデート以降に登場したようです。

4

2 に答える 2

1

Retina ディスプレイの場合は、より解像度の高い画像の表示を含めることができます。そのような:

background-image: url(your-image@2x.png);
于 2012-05-30T01:11:38.460 に答える
0

こいつが犯人だったことが判明

*
{
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
}

CSS3 アニメーションによって画面がちらつくことがあるため、元々これらを入れていましたが、これで修正されました。さて、これら 2 つのスタイルを削除すると、すべてが再び明確で鮮明になったため、問題の袋を別のものと交換しているように見えました。

もう少し調べたところ、それが表示されます

-webkit-transform-style: preserve-3d;

ぼかしを追加せずにちらつきを修正すると噂されています。

于 2012-05-30T05:35:18.570 に答える