我正在考虑购买带有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)
所以我很想知道在考虑媒体查询中的最小宽度/高度,最大宽度/高度时浏览器是使用缩放分辨率还是压缩分辨率。我最好的猜测是他们使用缩放分辨率,但我想确定。
答案 0 :(得分:2)
Web浏览器使用缩放分辨率,至少在我测试的15“Retina MBP上。