我喜欢使用Firefox的“响应式设计视图”来模拟桌面上的多个移动设备。但我对一件事情表示怀疑。
据我所知,带Retina的iPhone每个CSS像素使用2个物理像素。而Firefox的“响应式设计视图”则没有。这意味着,如果我想模拟分辨率为960x640的iPhone 4屏幕,我实际应该使用FF RDV预设480x320(并为iPhone 5添加预设568x320)。正确?
答案 0 :(得分:2)
你应该使用480x320视口尺寸,因为所有尺寸测量都是基于逻辑像素而不是屏幕的物理像素。
如果您想彻底测试网站的视网膜内容,并且您没有视网膜屏幕,请将about:config页面中layout.css.devPixelsPerPx
的值更改为2
。 -1
是默认值。请注意,UI看起来都很大,但每次px媒体查询等都会正确显示像素。
我刚刚尝试了devPixelsPerPx调整以及RDV,它运行良好 - RDV看起来像一个很棒的工具!