CSS Media查询读取的宽度错误

Question

我正在尝试使用基本CSS在页面上设置一些样式，并且当我刷新页面以查看预期结果时，我看到的是，当我从浏览器浏览时，chrome使用的是来自另一个查询的样式，而这是不应该的我的手机应该显示@media (max-width:1220px) and (min-width:965px)的样式，但我看到@media (max-width: 767px)的样式。有人遇到过这个问题吗？

@@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
}