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

Question

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

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

显示如下：

当我使用引导程序并在属性中使用 media="all" 时，它也应该布局我的网站以供打印。不是吗？我对此非常初学者，无法找到解决此问题的方法。

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

任何帮助将不胜感激。

Answer 1

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

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