如何仅使用适用于印刷的媒体查看网站？答案

【问题标题】：How to view website with only media that applies to print?如何仅使用适用于印刷的媒体查看网站？
【发布时间】：2013-02-02 10:57:45
【问题描述】：

我正在尝试在我们的网站上设置一个页面以正常打印，我遇到的问题是，为了测试它，我需要继续打印到文件。

如果有一种方法可以在打印页面时显示页面，我会更喜欢。

这可能吗？（铬）。

【问题讨论】：

标签： css printing media-queries chromium print-css

【解决方案1】：

您可以为不同的需求指定不同的 CSS。看看这种CSS编码风格……

<html>
<head>
<style>
@media screen
  {
  p.test {font-family:verdana,sans-serif;font-size:14px;}
  }
@media print
  {
  p.test {font-family:times,serif;font-size:10px;}
  }
@media screen,print
  {
  p.test {font-weight:bold;}
  }
</style>
</head>

<body>
....
</body>
</html>

【讨论】：

不是我所追求的，我知道您可以指定不同的媒体，但我希望能够查看网站，因为它在打印时（大约）看起来，我不想必须继续使用“打印到 pdf”来查看它的外观，我正在寻找“使用打印样式表”选项或类似选项。
Going to print... 在 chrome 的设置中会生成网站在打印中的外观预览... 这不是您想要的吗？