css - 使用 css 设计用于打印的网站

Question

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

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

显示如下:

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

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

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

Answer 1

使用 media print css 去除页面上的 url 和日期以及其他内容。

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