【发布时间】：2014-12-15 22:27:17
【问题描述】：
将标准媒体查询，例如：
@media only screen and (min-width: 0px) and (max-width: 820px) {}
在视网膜显示设备上工作？
我已经阅读了很多关于这方面的文章，但大多数都是关于指定视网膜显示 css，而不是为 96 dpi（原始尺寸）开发的标准媒体查询在 300 dpi（视网膜显示）的设备上的外观。
我正在寻找的主要保证是：除了没有充分利用设备提供的质量之外，如果是 96dpi 屏幕或 300dpi 屏幕，布局看起来是否相同？
非常感谢任何帮助！
【问题讨论】：
-
媒体查询在视网膜显示设备上运行良好。视网膜像素不是 css 像素。
-
@Anon 谢谢 - 所以确认 CSS 像素有望在所有设备上工作 - 甚至直到远古时代（据我们目前所知）......？
-
感谢您的链接！它以明文形式说明：“现在考虑这个查询：@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 缺少对像素密度的引用，它将针对任何 iPad 的 CSS 样式，有或没有 Retina 显示屏，因为它指的是 CSS 像素，在这些术语中两者是相同的。”
标签： css media-queries