視網膜顯示和它的實現讓我感到困惑

好吧，我一直在與一個設計師誰在Photoshop中做應用程序的樣機。我沒有使用iPhone狀態欄，並使用設計師製作的100px自定義導航欄。在那個導航中，他放了一個48像素的圖標。視網膜顯示和它的實現讓我感到困惑

現在我必須轉換成代碼，我正在使用UIWebView。他設計的佈局，我將使用HTML/CSS將其加載到UIWebView中。

現在的問題是，他爲屏幕製作的PSD尺寸爲640 x 960.在Iphone4中，它是分辨率而不是物理尺寸。基於640 x 960像素Image/PSD的設置，他製作了100像素的頂部條。現在，如果我跟着他，事情變得混亂。

我做了什麼，我只是做了一半的大小，以容納CSS的320 x 480 sceen大小。我將導航欄設置爲50px（對於320 x 480），並將@ 2x.png圖像（48 x 48）放入其中。

現在，當我在手機中加載應用程序時，它看起來很大，因爲它應該給我留下48個像素不會顯示爲24像素高密度圖像的印象。

我很困惑，如果我製作100px的導航欄，那麼一切看起來都很大，因爲我的目標是大尺寸，而我必須定位高分辨率。如何在我的場景中調整元素（DIV）和圖像？

2012-08-02 Volatil3

看看這些文章使用CSS3媒體查詢和視口標籤，以幫助管理的標準和高清晰度顯示器之間的風格：

2012-08-02 20:39:12 mclark1129

我使用媒體查詢。不知何故，當我使用普通的imagebis時，以及@ 2x文件被替換時，我無法獲得 – Volatil3 2012-08-02 23:53:59

代碼在這裏給出：** Titanum/html代碼** http://pastebin.ca/2176806 ** CSS ** http： //pastebin.ca/217680 – Volatil3 2012-08-03 07:07:23

回答