Css “媒体查询正在忽略”；“中等”；选择

我正在使用媒体查询来调整单个代码块的大小，以适应多个视图端口的大小。我遇到的问题是，在我的“中等”位置的上方和下方，一切都按预期进行，在992和1199尺寸之间，它忽略了我的风格

CSS

HTML:

**强文本**

这不是媒体查询的用途。您不需要为不同的断点定义不同的类。使用一个

@@media screen (min-width: 768px) and (max-width: 991px) {
    ...
    .screenStyle{
         height: 750px;
         margin-bottom:10px;
    }
}

/* Medium devices (desktops, 992px and up) */
@@media screen (min-width: 992px) and (max-width:1199px) {
    .screenStyle{
        height:650px
    }
}

/* Large devices (large desktops, 1200px and up) */
@@media (min-width: 1200px) {
    .screenStyle{
       height:650px;
    }
}

---

这不是媒体查询的用途。您不需要为不同的断点定义不同的类。使用一个

@@media screen (min-width: 768px) and (max-width: 991px) {
    ...
    .screenStyle{
         height: 750px;
         margin-bottom:10px;
    }
}

/* Medium devices (desktops, 992px and up) */
@@media screen (min-width: 992px) and (max-width:1199px) {
    .screenStyle{
        height:650px
    }
}

/* Large devices (large desktops, 1200px and up) */
@@media (min-width: 1200px) {
    .screenStyle{
       height:650px;
    }
}

---

这是组合媒体功能和媒体类型的正确语法：

@media screen and (min-width: 992px) and (max-width:1199px) 

---

请注意媒体类型和媒体功能之间的和

这是组合媒体功能和媒体类型的正确语法：

@media screen and (min-width: 992px) and (max-width:1199px) 

---

请注意媒体类型和媒体功能之间的和，

Hmm，我以前没有见过-为什么有

@@media

而不是

@media

？@Serlite我使用的是razor视图语法，这是在asp.net Projecthm中，我以前没见过这个-为什么你有

@@media

而不是

@media

？@Serlite我使用的是razor视图语法，这是asp.net项目的内部谢谢你的回复，我重新编写了css，但我仍然没有在1199和991之间得到休息谢谢你的回复，我重新编写了css，但我仍然没有在1199年和991年之间因为大声喊叫而得到休息。然后你的移动断点也不起作用了。知道这一点很好。哦，真是太好了。然后你的移动断点也不起作用了。知道这一点会很好。