CSS 媒體查詢讀取錯誤寬度

Question

我正在嘗試在具有基本 CSS 的頁面上設置一些 styles 並且當我刷新頁面以查看預期結果時，我只能看到 chrome 使用 styles 從我的手機瀏覽另一個查詢時應該這樣做當它應該顯示來自@media (max-width: 767px) styles 時，請參閱來自@media (max-width:1220px) and (min-width:965px)的 styles 。 以前有人遇到過這個問題嗎？

@@media (min-width:1221px) {

    //some style
}

/* Tablets and very small desktop screens (if some) */
@@media (max-width:1220px) and (min-width:965px) {

    //some style
}

/* Tablets and very small desktop screens (if some) */
@@media (max-width:964px) and (min-width:768px) {

    //some style
}


@@media (max-width: 767px){

    //some style
}

Answer 1

試試這個，刪除@@media 並放一個@media

@media (min-width:1221px) {

    //some style
}

/* Tablets and very small desktop screens (if some) */
@media (max-width:1220px) and (min-width:965px) {

    //some style
}

/* Tablets and very small desktop screens (if some) */
@media (max-width:964px) and (min-width:768px) {

    //some style
}


@media (max-width: 767px){

    //some style
}