Html 媒体查询不仅限于平板电脑和更小的屏幕尺寸

我认为我的媒体查询格式不正确，因为它不仅适用于我希望瞄准的设备（小型笔记本电脑屏幕和平板电脑），而且也适用于我的桌面屏幕大小

我需要在这里使用额外的{}集吗

/* Medium devices (landscape tablets, 992px and up) */
@media only screen and (min-width: 992px) {
.wpb_text_column.wpb_content_element.vc_custom_1565090087252.DANSpace {
    padding-bottom: 220px !important;
}

}

---

问题是您设置了最小宽度，但没有设置最大宽度。这意味着只要用户宽度大于992px，移动查询中的任何内容都将被应用

要针对以下内容，您需要将其更改为“最大宽度”，如下所示：

@media only screen and (max-width: 992px) {
.wpb_text_column.wpb_content_element.vc_custom_1565090087252.DANSpace {
    padding-bottom: 220px !important;
}

}

您还可以通过执行以下操作在特定宽度之间设定目标：

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

---

问题是您设置了最小宽度，但没有设置最大宽度。这意味着只要用户宽度大于992px，移动查询中的任何内容都将被应用

要针对以下内容，您需要将其更改为“最大宽度”，如下所示：

@media only screen and (max-width: 992px) {
.wpb_text_column.wpb_content_element.vc_custom_1565090087252.DANSpace {
    padding-bottom: 220px !important;
}

}

您还可以通过执行以下操作在特定宽度之间设定目标：

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

---

类

vc_custom_15650900087252

总是相同的吗？它似乎正在生成。它是Wordpress中使用的容器，所以uniqueclass

vc_custom_1565090087252

总是一样的？它似乎正在生成。它是Wordpress中使用的容器，非常独特