使用 css 设计印刷网站

Question

一位客户需要从他的网站生成宣传册。如果他打印他的网站需要打印在特定布局的纸上，一些部分需要删除，一些需要修改。

我正在使用 bootstrap 4，我已经创建了单独的 css 'print.css' 和 media="print" 属性。但问题是我无法按照我的要求对其进行布局。

显示是这样的：

因为我正在使用 bootstrap 并在属性中使用 media="all" ，所以它也应该布局我的网站以供打印。不是吗？我对此非常陌生，无法找到解决此问题的方法。

打印时还有默认标题和 URL。我可以删除它们吗？

如有任何帮助，我们将不胜感激。

Answer 1

使用媒体打印 css 删除页面上的 url 和日期以及多余的内容。

@media print{
 a[href]:after{
  content : none;
 }
 @page{
  margin : 0;
 }
}