下列媒体查询的正确语法是什么?

@media (min-width: 960px) and not print

以下媒体查询

@media print and (min-width: 960px)

是有效的.同样适用于@media not print and (min-width: 960px),但"NOT"关键字对print(min-width: 960px)都有影响.我只想把print排除在外.

推荐答案

因此,您需要瞄准窄屏幕和打印设备:

@media print or (max-width: 960px)

您需要针对其余的目标:

@media not print and (max-width: 960px)

第一个,目标是任何打印或低于960px宽.第二个将针对任何非打印的宽度超过960px的内容

Css相关问答推荐

如何在CSS calc()中使用反向百分比/无单位计算?

如何在CSS中使用nextJs来指定基色?

当滚动到页脚时,是否可以隐藏固定元素?

如何以Angular 调整下拉控件的高度

在NextJS/Reaction应用程序中显示更新问题

具有不同边框宽度和 colored颜色 的边框半径,Safari渲染问题

防止表格水平拉伸整个Blazor页面

正确的`最小/最大宽度`+`非(设备类型)`css媒体查询的语法

Firefox未正确设置SVG的父div的宽度

使用 flexbox 使图像与内容高度相同

具有水平和垂直滚动的表格上的活动 scss 类

如何在 VS Code 中获得 JavaFX CSS 属性的自动完成功能?

悬停时如何更改 navbarPage 链接的文本 colored颜色 (在shiny 的应用程序中)?

Sass @use 排序

如何在 CSS 中更改 ::marker SVG colored颜色 ?

从 Angular SCSS 生成 CSS?

如何在 CSS Grid 布局中指定行高?

是否可以删除悬停在链接上时出现的手形光标? (或将其设置为普通指针)

在渲染网页之前等待字体加载

React - 防止父子事件触发