Question

我想更改网页设计如果设备屏幕宽度大于1024px ，我使用@media only screen and (min-width: > 1024px){ } 但是它无效。

请告诉我解决方案是什么。

Answer 1

而不是使用Demo

@meida only screen and (min-width: > 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; */

}

Answer 2

您尝试实现的当前代码将执行此操作，但前提是您要纠正其中的语法错误。

所以，而不是

@media only screen and (min-width: > 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 */
}

注意： 为min-width | max-width指定的@media查询值也将包含值本身。这意味着如果您希望当屏幕宽度大于1024px（并且不等于它）时，特定样式应用于元素 完全 ，则应更改价值为min-width: 1025px。

CSS3媒体查询错误

2 个答案: