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