網膜の表示のためのuiwebviewのコンテンツのiOSサイズ

Question

網膜の表示のために高解像度の画像をUIWebViewで使用する必要がありますか？現在、画面サイズの2倍のHTMLを使用しています（表示するHTMLのサイズは640px X 834pxです）。次に、ズームスタイルを使用してサイズを縮小しています。

body { zoom: 0.5 } 

網膜ディスプレイのHTMLを作成する正しい方法はありますか？または、通常のサイズ（320px x 417px）のHTMを作成する必要がありますか？

Answer 1

iPhone 4の網膜ディスプレイ用に設計しているとします。ラッパーは320x480です。トリックは、画像に2倍の高解像度を提供することです。 （フォントは影響を受けません）。

<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 2.0)" href="retina.css" /> 
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.0)" href="normalcss.css" /> 

：あなたは、解像度ごとに異なるCSSを使用するためにメディアクエリと網膜デバイスをターゲットにすることができ

.logo { 
    background-size: 64px 64px; 
    background-image:url("logo_retina.png"); // Actually a 128x128 image 

} 

：例えば