1

我正在尝试创建一个在每台设备上运行的响应式 Web,同时我正在搜索相关主题。我读了很多次DPIHigh DPI。我已经阅读并了解设计在每台设备上运行的响应式网站非常重要。但我主要关心的是“如何获取设备 dpi 以及如何为此应用 css(媒体查询)”

之后我也有在这么多设备上测试它的问题,所以有没有可以模拟目标设备环境进行测试的工具。

4

2 回答 2

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 和其他设备上工作的方法变得复杂。

我希望这些链接有帮助。

于 2014-06-06T12:25:37.123 回答
0

您可以下载适用于 chrome 的 Ripple Emulator 插件,而不是在不同的屏幕和 dpi 设备上测试您的网站。好多了

于 2013-12-20T12:26:48.147 回答