使用最小宽度为打印和屏幕构建媒体查询

4 css media-queries

我想要一个适合宽度合适的打印和屏幕的样式表。

我希望当我输入时我的意图是显而易见的:

@media print or (screen and (min-width: 801px)) {
    Rules here
}
Run Code Online (Sandbox Code Playgroud)

可悲的是,这行不通。

什么是正确的语法?

Joh*_*nes 7

试试这个(逗号分隔几个独立的条件/查询):

@media print, screen and (min-width: 801px) {
    Rules here
}
Run Code Online (Sandbox Code Playgroud)


Mic*_*l_B 5

尝试这个:

@media print, (min-width: 801px) {
    Rules here
}
Run Code Online (Sandbox Code Playgroud)

那将是为了 OR。

仅供参考,AND 结构如下所示:

@media print and (min-width: 801px) {
    Rules here
}
Run Code Online (Sandbox Code Playgroud)

  • `and` 和 `,` 也可以组合,对吗?像`@media print, screen and (min-width: 100px)`? (3认同)