我喜欢使用Firefox的"响应式设计视图"在我的桌面上模拟多个移动设备。但我对一件事有疑问。
据我了解，带有Retina的iPhone每使用一个CSS像素2个物理像素。而 Firefox 的"响应式设计视图"则没有。这意味着，如果我想以960x640的分辨率模拟iPhone 4屏幕，我实际上应该使用FF RDV预设480x320（并为iPhone 5添加预设568x320）。右？
您说得对，您应该使用 480x320 视口大小，因为所有大小调整测量都基于逻辑像素而不是屏幕的物理像素。
如果要彻底测试网站的视网膜内容，并且没有视网膜屏幕，请将 about：config 页面中的 layout.css.devPixelsPerPx 值更改为 2 。 -1是默认值。请注意，UI 看起来都很大，但这将正确启动每个 px 媒体查询的像素数等。
我刚刚尝试了devPixelsPerPx与RDV的调整，它运行良好 - RDV看起来像一个很棒的工具！