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

我正在尝试使用基本CSS在页面上设置一些样式，当我刷新页面以查看预期结果时，我只能看到chrome使用了另一个查询中的样式，这是它不应该使用的，当我从手机浏览时，我会看到

@媒体中的样式（最大宽度：1220px）和（最小宽度：965px）

当它应该显示

@媒体中的样式时（最大宽度：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
}

---

尝试此操作，删除@媒体并放置一个@媒体

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

---

@

：这是一个输入错误吗？我通常还会添加查询应该应用于哪些类型-例如

@media all和（最大宽度：767px）{}

这不是必需的吗？@stender如果没有定义，默认情况下是

all

，我已经尝试过使用´@media all（最大宽度：767px）但还是一样result@fcalderan例如，当使用ASP.Net Razor视图时，会使用双

@

符号，该符号与Razor语法保留的符号相同。在Razor视图中使用

元素以创建媒体查询时，会使用转义Razor语法。请提供一个示例。我们缺少Razor视图中的信息为了帮助您理解您的问题。我已将@命名为@，因为此样式位于.cshtml文件中，因此它会自动删除一个@。所有其他@查询都可以正常工作。是的，双

@

符号应该可以正常工作，这不会造成任何问题。