代码之家  ›  专栏  ›  技术社区  ›  Milan Bastola

用css设计打印网站

  •  0
  • Milan Bastola  · 技术社区  · 6 年前

    其中一个客户需要从他的网站生成小册子。如果他打印自己的网站,则需要以特定布局的纸张打印,有些部分需要删除,有些部分需要修改。

    我正在使用bootstrap 4,我已经创建了单独的css打印。具有媒体=“打印”属性的css。但问题是我无法按照我的要求进行布局。

    显示如下: enter image description here

    由于我正在使用引导程序并在属性中使用media=“all”,所以它也应该为打印布局我的网站。不是吗?我对这个问题非常熟悉,找不到解决这个问题的方法。

    还有默认标题(&A);打印时也会显示URL。我可以删除它们吗? enter image description here

    任何帮助都将不胜感激。

    1 回复  |  直到 6 年前
        1
  •  1
  •   JK4599    6 年前

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

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