我正在尝试创建一个在每台设备上运行的响应式 Web,同时我正在搜索相关主题。我读了很多次DPI
,High DPI
。我已经阅读并了解设计在每台设备上运行的响应式网站非常重要。但我主要关心的是“如何获取设备 dpi 以及如何为此应用 css(媒体查询)”。
之后我也有在这么多设备上测试它的问题,所以有没有可以模拟目标设备环境进行测试的工具。
我正在尝试创建一个在每台设备上运行的响应式 Web,同时我正在搜索相关主题。我读了很多次DPI
,High DPI
。我已经阅读并了解设计在每台设备上运行的响应式网站非常重要。但我主要关心的是“如何获取设备 dpi 以及如何为此应用 css(媒体查询)”。
之后我也有在这么多设备上测试它的问题,所以有没有可以模拟目标设备环境进行测试的工具。
来自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 和其他设备上工作的方法变得复杂。
我希望这些链接有帮助。
您可以下载适用于 chrome 的 Ripple Emulator 插件,而不是在不同的屏幕和 dpi 设备上测试您的网站。好多了