Jquery @媒体屏幕不工作。我能做什么？

我有一个200像素宽和100像素高的div。我想用

@media

调整这个div的大小。但是

@media

不起作用。那我该怎么办

.abc{
  display:block;
  width:200px;
  height:200px;
}
@media (max-width: 752px) and (min-width: 1024px){
  .abc{
     width:500px; 
     height:500px;
  }
}

---

这种情况永远不可能是真的。请尝试

（最小宽度：752px）和（最大宽度：1024px）

或

（最大宽度：752px）或（最小宽度：1024px）

（取决于您想要实现的目标）。

此条件永远不可能为真。请尝试

（最小宽度：752px）和（最大宽度：1024px）

或

（最大宽度：752px）或（最小宽度：1024px）

（取决于您想要实现的目标）。

此条件永远不可能为真。请尝试

（最小宽度：752px）和（最大宽度：1024px）

或

（最大宽度：752px）或（最小宽度：1024px）

（取决于您想要实现的目标）。

此条件永远不可能为真。尝试

（最小宽度：752px）和（最大宽度：1024px）

或

（最大宽度：752px）或（最小宽度：1024px）

（取决于您想要实现的目标）。

您已将最大宽度设置为752像素，最小宽度设置为1024像素。交换那些。现在，您的媒体设备必须小于753，同时大于1023。

您已将最大宽度设置为752像素，最小宽度设置为1024像素。交换那些。现在，您的媒体设备必须小于753，同时大于1023。

您已将最大宽度设置为752像素，最小宽度设置为1024像素。交换那些。现在，您的媒体设备必须小于753，同时大于1023。

您已将最大宽度设置为752像素，最小宽度设置为1024像素。交换那些。现在，您的媒体设备必须小于753，同时大于1023

@media (min-width: 752px) and (max-width: 1024px){
  .abc{width:500px; height:500px;}
}

您的最大值和最小值已交换

您的最大值和最小值已交换

您的最大值和最小值已交换

---

你的最大值和最小值被交换了

很容易错过这样的简单事情--特别是当代码没有中断但数字关闭时，因此不会出现错误消息。很容易错过这样的简单事情--特别是当代码没有中断但数字关闭时，因此不会发生错误消息。很容易错过这样的简单事情——特别是当代码没有中断但数字关闭时，因此不会发生错误消息。很容易错过这样的简单事情——特别是当代码没有中断但数字关闭时，所以不会出现错误信息。@Rocky:如果这些答案对你有用，别忘了接受其中一个。要执行此操作，请单击您希望接受的答案左侧的勾号，使其颜色发生变化。@Rocky:如果这些答案对您有用，请不要忘记接受其中一个。要执行此操作，请单击您希望接受的答案左侧的勾号，使其颜色发生变化。@Rocky:如果这些答案对您有用，请不要忘记接受其中一个。要执行此操作，请单击您希望接受的答案左侧的勾号，使其颜色发生变化。@Rocky:如果这些答案对您有用，请不要忘记接受其中一个。为此，单击您希望接受的答案左侧的勾号，使其改变颜色。