css - Web 浏览器如何处理压缩分辨率？

Question

我正在考虑购买配备 Retina 显示屏的 Macbook 13"。Apple 网站吹嘘:

Retina display: 13.3-inch (diagonal) LED-backlit display with IPS technology; 2560-by-1600 resolution at 227 pixels per inch with support for millions of colors

Scaled resolutions: 1680 by 1050, 1440 by 900, and 1024 by 640 pixels

我很好奇浏览器是使用缩放分辨率 (1680 x 1050) 还是压缩分辨率 (2560 x 1600) 来处理媒体查询。例如，

@media (max-width: 1200px) {
    .container {
        width: 900px;
    }
}

在配备 Retina 显示屏(2560 像素宽分辨率)的 13"Macbook Pro 上，如果浏览器使用压缩分辨率，则它必须调整到小于屏幕尺寸的一半才能使上述更改生效。 (1200px/2560px ~ 1/2 screen size) 但如果使用缩放分辨率，效果会更快。 (1200px/1680px ~ 3/4 screen size)/p>

所以我很想知道浏览器在考虑媒体查询中的最小宽度/高度、最大宽度/高度时是使用缩放分辨率还是压缩分辨率。我最好的猜测是他们使用缩放分辨率，但我想确定。

Answer 1

Web 浏览器使用缩放分辨率，至少在我测试过的 15"Retina MBP 上是这样。