Css web浏览器如何处理压缩分辨率?

Css web浏览器如何处理压缩分辨率?,css,browser,media-queries,retina-display,screen-resolution,Css,Browser,Media Queries,Retina Display,Screen Resolution,我正在考虑购买一台带有视网膜显示屏的Macbook 13英寸电脑。苹果网站吹嘘: 视网膜显示器:带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) { .cont

我正在考虑购买一台带有视网膜显示屏的Macbook 13英寸电脑。苹果网站吹嘘:

视网膜显示器:带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;
    }
}
在带有视网膜显示器(2560px宽分辨率)的13英寸Macbook Pro上,如果浏览器使用压缩分辨率,则必须将其大小调整到屏幕大小的一半以下,才能使上述更改生效
(1200px/2560px~1/2屏幕大小)
但如果使用缩放分辨率,则效果会更快发生<代码>(1200px/1680px~3/4屏幕大小)


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

网络浏览器使用缩放分辨率,至少在我测试的15英寸视网膜MBP上。

这似乎与DPI有关。很高兴知道!如果他们使用压缩分辨率,那似乎太离谱了-例如,Bootstrap的媒体查询很少生效。