我正在尝试创建一个在每个设备上运行的响应式Web,而我正在搜索相关主题。我读了很多DPI
,High DPI
的时间。
我读过它&明白在每台设备上精心设计响应式网站非常重要。但我主要担心的是“如何获取设备dpi&如何应用css(媒体查询)”。
之后我还在很多设备上测试它,所以有没有任何工具可以模拟目标设备环境来测试它。
答案 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设备。好多了