FF'响应式设计视图'和Retina

时间:2014-02-20 12:22:41

标签: css firefox responsive-design retina-display firefox-developer-tools

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

据我所知,带Retina的iPhone每个CSS像素使用2个物理像素。而Firefox的“响应式设计视图”则没有。这意味着,如果我想模拟分辨率为960x640的iPhone 4屏幕,我实际应该使用FF RDV预设480x320(并为iPhone 5添加预设568x320)。正确?

1 个答案:

答案 0 :(得分:2)

你应该使用480x320视口尺寸,因为所有尺寸测量都是基于逻辑像素而不是屏幕的物理像素。

如果您想彻底测试网站的视网膜内容,并且您没有视网膜屏幕,请将about:config页面中layout.css.devPixelsPerPx的值更改为2-1是默认值。请注意,UI看起来都很大,但每次px媒体查询等都会正确显示像素。

我刚刚尝试了devPixelsPerPx调整以及RDV,它运行良好 - RDV看起来像一个很棒的工具!