用css设计打印网站

时间:2018-05-09 21:08:00

标签: css bootstrap-4 media print-css

客户需要从他的网站生成宣传册。如果他打印他的网站需要用特定版面的纸张打印,有些部分需要删除,有些部分需要修改。

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

它显示如下: enter image description here

当我使用bootstrap并使用media =" all"在属性中,它也应该布局我的网站进行打印。不是吗?我是初学者,无法找到解决这个问题的方法。

并且有默认标题& URL也在打印时。我可以删除它们吗? enter image description here

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:1)

使用media print css删除网页上的网址和日期以及其他内容。

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