最大寬度CSS媒體查詢如何容納縮放？

Question

如果頁面非常狹窄，我正在使用CSS Media Query來調整頁面的外觀。 在我的簡化示例中，如果頁面寬度小於300px，則將背景設為藍色。

@media all and (max-width: 300px) {
    body{ background-color:blue;}
}

我最近發現，如果用戶縮放（Ctrl + Scrollwheel或在Chrome Wrench> Zoom上），則最大寬度仍將以300個實際像素開始，而不是300個縮放像素。 這會破壞具有更復雜布局的站點。 最大寬度媒體查詢有什么方法可以處理縮放瀏覽器的用戶？

Answer 1

我已經進行了實驗，似乎可以使用媒體查詢進行縮放，但是在Webkit瀏覽器中必須定義視口。