旧版媒体查询和设备像素比率

Question

标准媒体查询，例如：

@media only screen and (min-width: 0px) and (max-width: 820px) {}

在视网膜显示器上工作吗？

我已经阅读了很多这方面的文章，但大多数是关于指定视网膜显示css，而不是如何针对96 dpi（原始尺寸）开发的标准媒体查询将在具有300 dpi（视网膜显示）的设备上显示。

我正在寻找的主要保证是：除了没有充分利用设备提供的质量外，如果它是96dpi屏幕或300dpi，布局看起来是否相同？

非常感谢任何帮助！

Answer 1

CSS像素不是硬件像素。这个ARTICLE解释了差异。

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)

如果没有参考像素密度，它会将CSS样式定位到任何iPad，无论是否有Retina显示器，因为它指的是CSS像素，并且在这些术语中两者是相同的。