媒體查詢最小綁定不起作用

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