css - 如何使用 css 忽略媒体查询

标签 css

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 7 年前

嘿,我想知道是否可以说您在一个用于移动设备的 CSS 中有一个媒体查询,而打印 CSS 需要忽略该特定的媒体查询。我该怎么做?

最佳答案

有两种方法可以做到这一点。

要么您创建一个样式表,其中包含将要打印的样式(与您页面的实际样式如此不同),然后将其链接到您的 html 文件,例如:

<link rel="stylesheet" **media="print"** href="print.css" type="text/css" />

或者在你的媒体查询下面,你添加一个特定于打印机的媒体查询(因此它只会应用于打印页面),如下所示:

@media **print** { //your code }

让我知道它是否有帮助,或者您是否在考虑其他事情。

关于css - 如何使用 css 忽略媒体查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33458726/

上一篇:html - 如何使用 HTML5 和 CSS3 垂直居中和对齐之后的所有内容?

下一篇:javascript - 如何在没有 DIV 的情况下隐藏 <body>?

相关文章:

javascript - 随着窗口大小的减小,如何使用 jQuery 在查看更多按钮下 overflow hidden 的子元素?

php - 在php代码中向元素添加类

html - 需要有关 3x3 井字游戏设计的帮助。我无法摆脱 CSS 中的一些空间

html - 对齐没有 float 或内联 block 的元素

css - 最小高度 :100% do not apply height:100% 的 child

HTML 表单域边框样式

jquery - Nivo slider 未正确显示

javascript - 在平板电脑/手机模式下,我的粘性/固定到顶部导航栏不再粘性

javascript - 将鼠标悬停在一个元素上(....触发不同元素的悬停)

javascript - AngularJS ng-repeat tbody 重复