我喜欢使用 Firefox 的“响应式设计 View ”在我的桌面上模拟多个移动设备。但我怀疑一件事。
据我了解，配备 Retina 的 iPhone 每个 CSS 像素使用 2 个物理像素。而 Firefox 的“响应式设计 View ”则没有。这意味着如果我想模拟分辨率为 960x640 的 iPhone 4 屏幕，我实际上应该使用 FF RDV 预设 480x320(并为 iPhone 5 添加预设 568x320)。对吧？
最佳答案
你说得对，你应该使用 480x320 视口(viewport)尺寸，因为所有尺寸测量都是基于逻辑像素而不是屏幕的物理像素。
如果您想彻底测试站点的 Retina 内容，而您没有 Retina 屏幕，请将 about:config 页面中 layout.css.devPixelsPerPx 的值更改为 2。 -1 是默认值。请注意，UI 看起来都很大，但这将正确地以每像素媒体查询等像素为单位。
我刚刚尝试了 devPixelsPerPx 调整和 RDV，它运行良好 - RDV 看起来是一个很棒的工具!
关于css - FF 'Responsive Design View' 和视网膜，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21907693/