Javascript 使用媒体查询隐藏类

我想实现的是，当屏幕大小达到972px时，退出弹出模式窗口应该隐藏。为此，我使用了媒体查询，在最大显示972px和最小显示100px时，显示设置为无。但它没有隐藏。 请建议

@媒体屏幕和（最大宽度：972px）和（最小宽度：100x）{
.exitpoup模式窗口{
显示：无；
}
}
#exitpoup模态。模态体{
填充：0px；
}
.模态体{
填充：0px；
}
.第二次img{
宽度：369px；
高度：404.6px；
利润上限：-1%；
}
.第一表格{
显示：表格；
左边距：34px；
边缘顶端：43像素；
}
.第1行{
字体大小：10px；
字体家族：继承；
显示：表格行；
边框：2倍纯红；
}
.row1#名称，
#邮寄，
#接触{
颜色：黑色；
宽度：260px；
高度：34px；
填充：6px 12px；
边界半径：3.9px；
边框颜色：#777；
显示：表格单元格；
}
.row1文本区{
宽度：260px；
高度：110px；
颜色：黑色；
边框颜色：#777；
显示：表格单元格；
}
.row1#提交{
宽度：152px；
高度：44px；
左边距：15%；
背景色：#337ab7；
颜色：白色；
边框颜色：无；
}
.row1#提交：悬停{
宽度：152px；
高度：44px；
左边距：15%；
背景色：白色；
颜色：#337ab7；
边框颜色：无；
}
第二
.首先{
浮动：左；
}
.clearfix{
清楚：两者都有
}
.第一跨{
左边缘：25%；
字体家族：继承；
字体大小：15px；
垫面：3件；
}

我们是来帮助你的

您需要以像素为单位指定宽度

将第一行更改为：

@media screen and (max-width: 972px) and (min-width: 100px) {...

---

您需要以像素为单位指定宽度

将第一行更改为：

@media screen and (max-width: 972px) and (min-width: 100px) {...

这是一个

这是一个

---

在我看来，这是一个打字错误（最大宽度：972）和（最小宽度：100x）你在其中一个上有

px

，但在另一个上没有。在我看来，这是一个打字错误（最大宽度：972）和（最小宽度：100x）你在其中一个上有

px