代码之家 › 专栏 › 技术社区 › Roman Bekkiev

FF“响应式设计视图”和视网膜

firefox-developer-tools retina-display responsive-design firefox css

1

Roman Bekkiev · 技术社区 · 11 年前

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

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

1 回复 | 直到 11 年前

1

2

andrewb Rakesh Kumar 11 年前

您应该使用480x320视口大小,这是正确的,因为所有大小测量都基于逻辑像素,而不是屏幕的物理像素。

如果您想彻底测试网站的视网膜内容,而您没有视网膜屏幕,请更改 layout.css.devPixelsPerPx 在about:config页面中 2 . -1 默认值。请注意,UI看起来都很大,但这将适当地增加每像素媒体查询的像素数等。

我刚刚尝试了devPixelsPerPx调整和RDV,它工作得很好-RDV看起来是一个很棒的工具!