使用print.css样式表删除打印时出现的元素

Question

问题

我目前正在使用样式表print.css来删除元素和一些样式以创建一个适合打印的页面，但我似乎无法删除出现在页面角落的四件事，但是不在HTML中：pagination，date printed，title of page，URL of page

可能的解决方案？

我在“洛杉矶时报”上看过这个示例，该示例显示了HTML中没有的元素，但通常会在删除打印时显示：http://graphics.latimes.com/oscar-bingo-2015/

Answer 1

StackOverflow上有很多关于这个主题的帖子：

• Remove header and footer from window.print()
• Removing page title and date when printing web page (with CSS?)
• Can I remove the URL from my print css, so the web address doesn't print?
• How to remove the URL from the printing page?
• Disabling browser print options (headers, footers, margins) from page?

通过将@page media property与打印媒体资源结合使用，看起来很有效：

@media print {
    @page { margin: 0; }
  }

然而，它似乎只适用于Chrome（目前）。不过，Firefox can be made有责任。在其他地方，建议动态创建PDF - 或者使用JavaScript将页面标题至少设置为空字符串。

此外，我还要问你为什么要隐藏用户通常用来控制的内容。

回答你的问题：洛杉矶时报使用bootstrap，它设置页面边距如下：

...@page{margin:.5cm}...

Answer 2

这是一些特定于浏览器的打印信息。您无法更改，用户必须正确设置其打印属性。

另请参阅：Removing page title and date when printing web page (with CSS?)

编辑：这恰好可行，但我不知道如何。