我要打印这个网站: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/