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
}