打印网站失去了它的CSS

时间:2015-11-11 18:41:18

标签: javascript html css printing

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

1 个答案:

答案 0 :(得分:4)

因为您在CSS链接属性中指定了<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <script src="test.js"></script> </head> <body> <div id="output"> </div> </body> </html>

media="screen"

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

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

以下是关于媒体查询的一些阅读,以帮助您入门:https://developer.mozilla.org/en-US/docs/Web/CSS/@media