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

Question

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

Retina 显示屏：采用 IPS 技术的 13.3 英寸（对角线）LED 背光显示屏；2560 x 1600 分辨率，每英寸 227 像素，支持数百万种颜色

缩放分辨率：1680 x 1050、1440 x 900 和 1024 x 640 像素

我很好奇浏览器是使用缩放分辨率（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)

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

Answer 1

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