媒体查询下限不起作用

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%;
    }
}