わかりましたので、Photoshop でアプリのモックアップを作成したデザイナーと仕事をしています。私は iPhone のステータスバーを使用しておらず、デザイナーが 100px で作成したカスタム ナビゲーション バーを使用しています。そのナビゲーションで、彼は 48 ピクセルのアイコンを配置しました。
ここでコードに変換する必要があり、そのために UIWebView を使用しています。彼がデザインしたレイアウトを HTML/CSS で作成し、UIWebView にロードします。
問題は、彼が画面用に作成した PSD のサイズが 640 x 960 であることです。Iphone4 では、物理サイズではなく解像度です。640 x 960 ピクセルの Image/PSD の設定に基づいて、100 ピクセルのトップ バーを作成しました。今、私が彼をフォローすると、物事が台無しになります。
CSSで320 x 480のシーンサイズに対応するために、すべてを半分のサイズにしただけです。ナビゲーション バーを 50px (320 x 480 の場合) に設定し、@2x.png 画像 (48 x 48) を配置しました。
モバイルにアプリをロードすると、本来のように大きく表示されるため、48 ピクセルが高密度の 24 ピクセルの画像として表示されなかったという印象を受けます。
私はかなり混乱しています.100pxのナビゲーションバーを作成すると、高解像度をターゲットにしなければならないのに大きなサイズをターゲットにしているため、すべてが大きく見えます. シナリオで要素 (DIV) と画像を調整するにはどうすればよいですか?