jquery - @media 屏幕不工作。我能做些什么？

Question

我有一个宽度为 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;
  }
}

Answer 1

这个条件永远不可能成立。尝试 (min-width: 752px) and (max-width: 1024px) 或 (max-width: 752px) or (min-width: 1024px) (取决于什么你想实现)。