CSS媒體查詢 - 無法在正確的寬度下工作

Question

我已經設置了一個帶有媒體查詢的測試，就像這樣工作：

@media only screen and (min-width: 650px) and (max-width: 700px) {
    #global-wrapper-cp-fefc4ea514a255df2244eaccdabbb262 * {
        background: red !important;
    }
}

但是，CSS從666px到716px有效：

我的瀏覽器是100％縮放，所以不能這樣。 我正在使用Chrome擴展程序“瀏覽器寬度”。

我希望這很簡單，會讓我臉紅。 任何人都可以提供任何建議嗎？ 謝謝。

Answer 1

你必須在響應視圖部分內測試它，目前它顯示17px滾動條。 排除此寬度后，您的媒體查詢將起作用。