我目前正在开发一个响应式项目。我已经整理好布局，现在正在实施媒体查询。我了解宽度、设备宽度、设备像素比的概念以及物理像素和 CSS 像素之间的区别。
然而，分辨率媒体查询让我感到困惑。我发现许多非视网膜显示器的 CSS 分辨率为 96ppi 或 96dpi，而视网膜显示器的分辨率为 192ppi 或 192dpi。
这个值具体是如何计算的呢？有没有类似公式什么的？
html css screen-resolution pixel-density
css ×1
html ×1
pixel-density ×1
screen-resolution ×1