Css FF&x27；响应性设计视图'；视网膜

我喜欢使用Firefox的“响应设计视图”来模拟桌面上的多个移动设备。但有一件事我很怀疑

---

据我所知，带有视网膜的iPhone每一个CSS像素使用2个物理像素。而Firefox的“响应式设计视图”则不然。这意味着，如果我想模拟分辨率为960x640的iPhone4屏幕，我实际上应该使用FF RDV预设480x320（并为iPhone5添加预设568x320）。对吗？

您应该使用480x320视口大小，因为所有大小测量都基于逻辑像素，而不是屏幕的物理像素

如果您想彻底测试站点的视网膜内容，但没有视网膜屏幕，请将about:config页面中的

layout.css.devPixelsPerPx

的值更改为

2

<默认情况下，代码>-1。注意，UI看起来都很庞大，但这将正确地增加每px媒体查询的像素数，等等

---

我刚刚尝试了devPixelsPerPx与RDV的配合，效果很好——RDV看起来是一个很棒的工具

如果FF不使用每个逻辑像素2个点，请将浏览器缩放到200%。