CSS媒体查询读取的宽度错误

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
}