这个打印样式表如何工作？

Question

我真的很喜欢http://www.honorshaven.com/看起来如何打印（到pdf）。我仔细查看了源代码，试图找出他们是如何做到的（我的导航总是在打印时变成丑陋的子弹列表......） - 而且我很茫然。谁知道？任何帮助都是极好的！ 谢谢， 马丁

[编辑]我对打印样式表很熟悉 - 但是它们大多不是通过“打印友好”/“打印我”链接来实现的吗？在这种情况下，我只是去浏览器栏并选择打印。我确定我错过了一些愚蠢的东西，但我不知道是什么......

Answer 1

您需要使用指定用于打印的样式表。要执行此操作，请将介质类型设置为“打印”而不是全部或屏幕。在这个单独的样式表中，您可以隐藏导航菜单，更改字体，间距，边距等，并且它特定于打印输出。

Here's a great article on ListApart about CSS Print Stylesheets

Answer 2

您可以指定要用于不同媒体的样式表。

在这种情况下，他们实现了一个特定于打印的样式表来处理打印页面的所有样式。

查看此W3页面，了解可用的不同媒体类型：

W3C - Media Types

Answer 3

如果您确实要复制它们，请不要在链接rel标记中声明您的媒体。或者更好，只需将media =“all”。这样，当您打印页面时，所有样式都将保持不变。