FF'響應式設計視圖'和Retina

我喜歡使用Firefox'響應式設計視圖'來模擬桌面上的多個移動設備。但我對一件事持懷疑態度。FF'響應式設計視圖'和Retina

據我瞭解與Retina的iPhone每個CSS像素使用2個物理像素。而Firefox的「自適應設計視圖」則沒有。這意味着如果我想模仿分辨率爲960x640的iPhone 4屏幕，我實際上應該使用FF RDV預設480x320（併爲iPhone 5添加預設的568x320）。對？

如果FF每邏輯像素不使用2個點，則將瀏覽器縮放至200％。 –

您說得對，您應該使用480x320視口尺寸，因爲所有尺寸測量都基於邏輯像素而不是屏幕的物理像素。

如果要徹底測試視網膜內容的網站，並且沒有視網膜屏幕，請在about：config頁面中將layout.css.devPixelsPerPx的值更改爲2。默認爲-1。注意這個界面看起來都很大，但是這將會正確地以像素爲單位進行px媒體查詢等。

我剛剛嘗試過devPixelsPerPx與RDV一起調整，它運行良好 - RDV看起來像一個偉大的工具！

2014-02-24 05:42:45 andrewb

回答