@media依赖于缩放因子？

Question

我正在尝试理解CSS中的@media，似乎max-width与屏幕分辨率无关，但窗口大小本身就是代码：

@media (max-width: 2000px) {
div
{
width:100px;
height:100px;
background:red;
}
}

@media (max-width: 1000px) {
div
{
width:100px;
height:100px;
background:blue;
}
}

缩放100％：

但是，缩放150％

我在Chrome和Firefox上尝试过，同样的事情发生了。

那么控制CSS的正确代码与缩放因子无关？

Answer 1

不要只看max-width，@ media以不同的方式工作。 我通过以下示例了解了如何使用它： [http://css-tricks.com/css-media-queries/]