【发布时间】：2014-01-02 00:35:33
【问题描述】：
我正在尝试创建一个在每台设备上运行的响应式 Web，同时我正在搜索相关主题。我读了很多遍DPI，High DPI。
我已阅读并了解设计在每台设备上精美运行的响应式网站非常重要。但我主要关心的是“如何获取设备 dpi 以及如何为此应用 css（媒体查询）”。
在那之后我也有在这么多设备上测试它的问题，所以有没有可以模拟目标设备环境进行测试的工具。
【问题讨论】：
-
不知道dpi但是你可以获取屏幕分辨率并用js保存到cookie中
-
当我创建响应式设计时，我依赖于静态分辨率。手机大约是 600px，平板电脑大约是 800-900px，台式机大约是 1980px。我正在脑海中写下这张表格。我建议查看 Twitter Bootstrap 如何处理响应式媒体查询。这是一个很好的起点。 getbootstrap.com/2.3.2/index.html
标签： responsive-design emulation dpi firefox-os html5-apps