2

iOS 6 を実行している 2 つの別々の iPod touch デバイスでこれを再現しました。iPhone は影響を受けないようで、iPad も同様です。

Web アプリケーションで画像にスプライト ファイルを使用しています。私は現在、網膜のサポートを提供しようとしているので、低品質のファイルの 2 倍の大きさの別の網膜スプライト ファイルを作成しました。

Chrome も Safari もこれを表示したくないようです。

私は次のことをしています： .img { background: url(xx-retina.png) no-resize top left; height: xx; width: xx; display: block }

そして体内で： <div class='img'/>

タグの種類は問いません。私が指定する background-position オフセットは重要ではありません。デバッグツールを見ると読み込まれているように見えますが、画像は表示されません。画像のトリミングを開始すると、最終的に表示されます。

誰もこれについて何か情報を持っていますか?

4

3 に答える 3

2

私は同じ問題を抱えています。大きなpng-8、png-24、およびgif画像をテストしましたが、透過性があるかどうかは関係ありません-画像はiPODに表示されません.

キャンバスに画像を描いてみましたが、うまくいきませんでした。

透過性が必要ない場合は、画像を jpg にすることができます。使用した最大の jpg は 14 MB で、適切に表示されました。

于 2012-11-21T07:58:00.997 に答える
0

私も同じ問題を抱えています。iOS 6 を実行している第 4 世代の iPod Touch では、phonegap ページの背景画像が表示されません。私はまだ大型/高解像度デバイスで高解像度画像を使用したいので、メディアクエリを使用して小さな画面の背景画像を変更しました。

@media (max-width: 500px) {
    #login {
        background: url(../../splash/640-960.png);
    }
}

OPの場合、同様のメディアクエリを使用し、画像クラスを設定して小さい/元の画像を使用する必要があります。

@media (max-width: 500px) {
    .img {
        background: url(xx-non-retina.png) no-resize top left; 
    }
}

第 4 世代 iPod Touch の有効解像度は横 320 x 縦 480 であるため、最大幅 500 ピクセルを選択しました。横向きの画面幅は 480 ピクセルになります。

于 2013-08-13T13:10:06.593 に答える
0

私に起こっている同じ問題。サイトの冒頭部分の背景に大きな画像を使用しています。iPad と iPhone では問題なく動作しますが、iPod では画像がまったく読み込まれません。とても奇妙！私は多くの画像を含むはるかに複雑なサイトを作成しましたが、この問題を経験したことはありません.

于 2013-01-10T12:35:57.030 に答える