1

如何仅为 1024px 宽度编写媒体查询？

这是我现有的 css，我为 320px 宽度和更多

@media (min-width: 320px) {

}

只有 1024px 宽度的方法是什么？

4

3 回答 3

2

我相信你想要这个：

@media (min-width: 320px) and (max-width: 1023px) {
    /* styles for width > 320px but < 1023px */
}


@media (min-width: 1024px) {
 /* styles for width > 1024px only */
}

这样您就不必覆盖任何样式。

否则你可以这样做：

@media (min-width: 320px) {
    /* styles for width > 320px - applied to width > 1024px too */
}


@media (min-width: 1024px) {
 /* styles for width > 1024px only */
}

这与您在需要时必须覆盖您的第一个媒体查询样式的方式不同，在第二个

于 2012-06-15T12:28:18.790 回答
2

我想如果你只想要 1024，而不是 1023 或更少，或者 1025 或更多，你可以这样做

@media (width: 1024px) {
    ....
 }

最小/最大前缀是可选的。请参阅上面的 w3 条目。

于 2012-06-15T12:42:58.847 回答
0

像这样写：

@media (max-width:1024px) {
 body{..}

}

检查这个http://jsfiddle.net/YhsSK/

于 2012-06-15T12:35:16.587 回答