javascript - 打印网站丢失了它的 css

标签 javascript html css printing

我要打印这个网站:http://www.florin-pop.com/work/Le%20Marais/ 这是一个简单的布局,有 2 列,它们都包含表格。 问题是,当我想打印它们时(例如,在控制台中使用 js 函数 window.print()),它不遵循 CSS 样式。为什么?

最佳答案

因为您指定了 media="screen"在 CSS 链接属性中:

<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" title="no title" charset="utf-8"/>

更改media="screen"media="print"或者 media="all"

媒体属性允许您使用样式表定位特定设备/情况。所以,你可能有一个 media="screen"普通网站的样式表,以及 media="print"专门用于打印的样式表。一个常见的用例是将打印样式切换为黑白配色方案,或确保所有内容都适合单列。

这里有一些关于媒体查询的阅读 Material 可以帮助你入门:https://developer.mozilla.org/en-US/docs/Web/CSS/@media

关于javascript - 打印网站丢失了它的 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33657580/

相关文章:

javascript - Angular JS 从数据中选择菜单,在顶部保留 1 个项目?

javascript - 插入前 Firebase 检查数据是否存在

HTML 按钮不能与 css 背景重叠

javascript - Jquery:如何在所有页面上注册一个事件?

html - CSS 网格布局 : Keeping horizontal and vertical gutters equal size when resizing

html - 如何让动画不卡顿,永远运行下去?

javascript - React Komposer、react 和 Meteor

Javascript 内联条件 : major than 0 return result if not return 0

javascript - 如何在另一个 html 页面中打开一个 html 页面作为弹出窗口

html - 在 Bootstrap 中垂直对齐标题元素和按钮工具栏