CSS3媒体查询错误

如果设备屏幕宽度大于1024px，我想更改网页设计，为此我使用了

@仅媒体屏幕和（最小宽度：>1024px）{}

，但它不工作

请告诉我解决办法是什么

而不是使用

用这个

@media screen and (min-width:1024px) {...}
/* styles for browsers larger than 1024px; */ 

@media screen and (max-width:1024px) {...}   
/* styles for browsers less than 1024px; */ 

---

}

您尝试实现的当前代码将实现此功能，但前提是您纠正其中的语法错误

因此，与其

@仅媒体屏幕和（最小宽度：>1024px）{}

你可以

@media only screen and (min-width: 1024px){ 
    /* css rules here will apply only if the size of the screen is greater than AND equal to 1024px */
}

---

注意：@为

最小宽度

|

最大宽度

指定的媒体查询值也包括该值本身。这意味着，如果您希望在屏幕宽度大于1024px（且不等于它）时将特定样式准确地应用于元素，则应将该值更改为

min width:1025px

try@media screen and（min width:1024px）？如果设备屏幕宽度大于1024px，我想更改网页设计。对于这个问题，解决方案是什么？对于大于1024px的问题是什么？您在“媒体”中有一个拼写错误，您应该省略大于“>”的符号

@media only screen and (min-width: 1024px){ 
    /* css rules here will apply only if the size of the screen is greater than AND equal to 1024px */
}