获取响应式Web设计的屏幕DPI

时间:2013-12-14 05:42:35

标签: responsive-design emulation dpi firefox-os html5-apps

我正在尝试创建一个在每个设备上运行的响应式Web,而我正在搜索相关主题。我读了很多DPIHigh DPI的时间。 我读过它&明白在每台设备上精心设计响应式网站非常重要。但我主要担心的是“如何获取设备dpi&如何应用css(媒体查询)”

之后我还在很多设备上测试它,所以有没有任何工具可以模拟目标设备环境来测试它。

2 个答案:

答案 0 :(得分:1)

来自http://quirksmode.org/的一组非常棒的幻灯片(PDF)讨论了响应式网页设计,屏幕分辨率和像素密度:http://quirksmode.org/presentations/Spring2014/viewports_sf2.pdf

博客作者在此详细讨论了像素比率:http://www.quirksmode.org/blog/archives/2012/07/more_about_devi.html

目前实际上没有一个答案,因为Android和Retina MacBook往往会使通常在iPhone和其他设备上运行的方法变得复杂。

我希望链接有用。

答案 1 :(得分:0)

您可以下载Chrome的Ripple Emulator附加组件,而不是在不同的屏幕上测试您的网站。 dpi设备。好多了