html - 将媒体查询样式应用于媒体打印?

标签 html css printing media-queries

我有一个 CSS 文档,其中包含部分“正常”的 CSS 以及在调整窗口大小时对 CSS 所做的一些更改:

@media only screen and (min-width: 400px) and (max-width: 767px) {

/* css */

}

现在,当我打印我的 HTML 页面时,它只使用“普通”css。

但是,在打印页面时,我想使用“普通”CSS 加上来自此媒体查询的部分。

有办法吗?

最佳答案

只需在 @media 规则中添加一个逗号后跟 print,如下所示:

@media only screen and (min-width: 400px) and (max-width: 767px), print {

/* css */

}

关于html - 将媒体查询样式应用于媒体打印?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23753348/

相关文章:

php - Wordpress PHP 和 HTML5 详解

javascript - jQuery if..else 基于hash id 提取的条件语句

javascript - CSS隐藏表格并显示tr

html - 响应式网格,响应式调整大小以适合父 div,保留父 div 自己的响应高度

.net - 如何以统一的方式从.NET打印Office文档?

javascript - 如何使用 JavaScript 将 pdf 文件直接发送到打印机?

c# - 带大括号下划线的动态文本

css - 如何在 vue.js 中做作用域外部 css?

c - 需要帮助打印按天排序的文件

html - 跨浏览器问题对齐 div 和元素符号样式