媒体查询min bound不起作用

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

你错过了几个curley括号。它应该看起来像......

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