媒体查询最小界限不起作用

Question

我的 CSS 中有这个查询。最初width 是100%，当屏幕尺寸在768 和1024 px 之间时，我希望它是50%。 max-width 似乎正在工作，因为 width 减半，但一旦屏幕宽度低于 768，它仍保持 50%。它不应该恢复到100%吗？

@media (max-width: 1023px) and (min-width: 768px)
  .item {
    width: 50%;
}

Answer 1

您缺少几个大括号。它应该看起来像......

@media (max-width: 1023px) and (min-width: 768px) {
    .item {
        width: 50%;
    }
}