1

これはiOS5ではなくiOS6で機能するので、Webkitのものだと思います。

フォルダに画像があるwww/imagesので、次のhtmlを使用します。

<img src="images/img.gif" />

ただし、画像は疑問符の付いた青い四角で表示されます（iOSの画像が見つかりません画像）。

このパスをiOS5とiOS6の両方で機能させるにはどうすればよいですか？

ありがとう。

4

1 に答える 1

1

同じ問題に気づきました。同じコードはローカルブラウザとiOS6以降では正常に機能しますが、iOS4.3、5.0、または5.1では画像が表示されません。

私にとってうまくいった解決策は、代わりに背景画像を使用し、CSSでスタイルを設定することでした。これは、高解像度の網膜画像を提供し、網膜以外のデバイスにもスケーリングできることを意味します。

IMGタグを次のように置き換えます。

<div id="myImage" />

CSSファイル内：

#myImage
{
    background-image:url("../../assets/images/img.gif"); // The relative path from your CSS file to your image
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size:cover;
    width:100px;  // Actual image size is 200px x 200px
    height:100px;
}

CSSファイル内からの画像への相対パスは正常に機能しているように見えますが、パスはhtmlファイルではなくcssファイルからの相対パスである必要があります。

レチナ以外のデバイスで画像に100pxx100pxの画像を表示する場合は、2倍のサイズ（200px x 200px）の画像を作成し、アプリの実行時にbackground：coverを自動的に高解像度に変更する必要があります網膜デバイス上。

于 2013-01-18T09:44:09.173 に答える