我喜欢使用 Firefox 的“响应式设计视图”在我的桌面上模拟多个移动设备。但我怀疑一件事。
据我了解，配备 Retina 的 iPhone 每个 CSS 像素使用 2 个物理像素。而 Firefox 的“响应式设计视图”则没有。这意味着如果我想模拟分辨率为 960x640 的 iPhone 4 屏幕，我实际上应该使用 FF RDV 预设 480x320（并为 iPhone 5 添加预设 568x320）。正确的？
问问题
924 次
1 回答
2
You're right that you should use the 480x320 viewport size, as all sizing measurements are based on logical pixels not the screen's physical pixels.
If you want to thoroughly test the site for retina content, and you don't have a retina screen, change the value of layout.css.devPixelsPerPx in the about:config page to 2. -1 is default. Note the UI will all look huge, but this will properly kick in pixels per px media queries, etc.
I just tried the devPixelsPerPx tweak along with RDV, and it works well - RDV looks like a great tool!
于 2014-02-24T05:42:45.817 回答