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

时间:2013-03-06 02:13:56

标签: css browser media-queries retina-display screen-resolution

我正在考虑购买带有Retina Display的Macbook 13“。苹果网站吹嘘:

  

Retina显示屏:带IPS的13.3英寸(对角线)LED背光显示屏   技术;分辨率为2560×1600,每英寸227像素   支持数百万种颜色

     

缩放分辨率:1680乘1050,1440乘900,1024乘640像素

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

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

在具有Retina显示屏的13“Macbook Pro(2560px宽分辨率)上,如果浏览器使用压缩分辨率,则必须调整大小不到屏幕大小的一半才能使上述更改生效。{{1但是如果它使用缩放分辨率,那么效果将更快地发生。(1200px / 2560px ~ 1/2 screen size)

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

1 个答案:

答案 0 :(得分:2)

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