我是使用CSS3媒体查询的自适应设计的新手。我清楚地了解我们如何使用这些媒体查询来定位不同的设备，但令我感到困惑的地方是浏览器缩放！！

例如 ：这是我正常的身体CSS规则

#body {
    margin: 0 auto;
    width: 70%;
    clear: both;
}

当我想更改此css规则以定位宽度在150px至600px范围内的设备时，我添加了此特定的媒体查询。

@media only screen and (min-width:150px) and (max-width:600px){

#body {
    margin: 0 auto;
    width: 90%;
    clear: both;
}


}

问题 ：我使用的是Google Chrome浏览器，当我放大到200％左右时，此特定的媒体查询就会起作用。

我如何知道要针对不同的缩放级别编写哪种媒体查询，或者换种说法，浏览器的缩放级别和像素宽度之间的关系是什么。