媒體查詢下限不起作用

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