3

Retinaディスプレイを搭載したモバイルSafariでWebアプリケーションをテストしようとしていますが、iOSシミュレーターにしかアクセスできません。私の画像はすべて2倍の解像度でレンダリングされています。これはおそらくある程度は理にかなっていると思いますが、実際には画像を自然な解像度でレンダリングしたいと思っています。

imgiPhoneRetinaデバイスのMobileSafariでタグを自然な解像度でレンダリングするにはどうすればよいですか？（シミュレーターまたはその他）

アップデート

私はネイティブアプリケーションを作成してSafariに呼び出しを行っているのではなく、単純な古いWebサイトを作成しておりimg、網膜デバイスと非網膜デバイスの両方でSafariにタグ画像をフル解像度でレンダリングさせたいと考えています。（私は、網膜デバイスでは画像が小さくなるという事実を認識し、受け入れ、望んでいます）

4

3 に答える 3

2

メディアクエリを利用する必要があります。Retinaは、それなしで2xアセットを使用していると自動的に想定しません。これにより、すべてのWebサイトのグラフィックが意図したサイズの50％でレンダリングされます。災害！

（HTML5ボイラープレートから）：

/* iPhone 4 and high pixel ratio devices ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

ここでは、ratio：2を使用してiPhone Retinaのみをターゲットにすることもできますが、Samsung Galaxy Sなどの一部のデバイスもかなり高い解像度（220ppiだと思います）を持っていますが、正確には2倍ではないので注意してください。これらのデバイスは1.5クエリに応答します。この比率は、表示されているピクセルを占める実際のピクセルの量に基づいています。ピクセル数学、イェーイ！最後に、それらが絶対単位ではない（そしてこれまでにない）ことを証明します。

于 2011-04-01T17:29:16.030 に答える
0

シミュレータ iOS シミュレータでハードウェアを選択 -> ハードウェア -> デバイス -> iPhone(Retina) を選択し、アプリを実行します。

于 2011-03-28T13:00:02.923 に答える
0

私があなたを正しく理解していれば、同様の質問があります：

そして、この問題に関する優れたブログ投稿:

于 2011-03-28T15:00:51.337 に答える