嗨，我正在開發一個網站click here
和我的客戶發給我下面的屏幕截圖。這是一個macbook視網膜親。我不知道爲什麼，但它似乎有一個約1024x640的分辨率和瀏覽器視口約500px（！）。所以我有兩個問題： 1.當你把你的MacBook Pro視網膜脫離盒子什麼是默認分辨率和像素密度？
2.如何模擬非Mac上的視網膜顯示？我已經嘗試了Chrome中的新仿真選項，但每次我設置設備像素比率2並以分辨率播放時，我從來沒有得到任何可用的輸出。由於分辨率低，使用虛擬機毫無意義。Macbook pro視網膜發展
編輯：我注意到一件事。如果我在瀏覽器上重現相同的分辨率，所有內容都會更加「縮小」（更大）。底部工具欄可能會縮小整個網站的大小還是與像素密度有關？
上的MacBook Pro與視網膜顯示（15" ）
默認分辨率爲1440×900，在2：1像素比例（使用2880x1800藝術畫面）。然而，也有很多縮放模式。
雖然我不知道在非Macintosh桌面或筆記本電腦上模擬視網膜顯示的好方法，但在Retina MacBook Pro上的Safari瀏覽與iPad/iPhone上的Safari類似/相同處理顯示器分辨率問題如果你有一個Retina iPad，這可能是一個更好的模擬器，但你不會有訪問開發人員工具，因爲這些工具只有在與Mac配對時纔可用。
如果你有機會到非視網膜的Mac，你也可以嘗試使用HiDPI模式（見約enabling HiDPI modes張貼），讓您登錄到Web服務器是如何看的是Mac如果顯示是視網膜。
我認爲這是錯誤的做法，你不需要模仿Retina顯示屏，唯一需要擔心的是你的網站在1440x900上看起來不錯，並且你的資產有一個選項可以提供服務對於Retina顯示器來說，HiDPI就像@ gaige所提到的那樣。
你可以加載這些像這樣http://paulstamatiou.com/responsive-retina-blog-development-part-2/
除此之外，它只是一個使用最佳實踐的事，一切都應該工作本身了。