旅游

CSS實現不同的打印和屏幕顯示結果

2019-06-03 14:25:11来源:励志吧0次阅读

热淋清颗粒功效
热淋清颗粒喝多久
儿童尿频尿急是什么原因

  通常的web页面中,我们要求打印结果和显示结果一样,但在一些报表或业务系统中,我们可能只需要打印页面中的一部分内容,例如我只要打印数据,但按钮和背景不需要打印,这是由业务需求决定的,我们可以想象一下,如果一张打印出来的发票中出现一个按钮,你会怎么想,估计要昏过去的,呵呵~~

  好了,說完需求,我來說說如何實現,一種方法是為屏幕顯示和打印分別準備一個css文件,如下所示:

  用于屏幕显示的css: linkrel="stylesheet"href="css/s"media="screen"/

  用于打印的css:

  linkrel="stylesheet"href="css/s"media="print"/

  注意,这两个css是放在一个web页面里面的。

  还有一种是import方式:

  styletype="text/css"

  @importurl("css/s")print;

  /style

  一种写法是可以直接把屏幕显示样式和打印样式写在一个css文件中:

  @mediaprint{}{

  h1{

  color:black;

  }

  h2{}{

  color:gray;

  }

  }

  @media print里面的内容只对打印出来的内容有效,之外的内容就是屏幕显示的样

  原文链接:

【星座运势】女人的胸部映衬出婚姻与财运 准哭了
郑州一垃圾清运车凌晨狂奔路面撒下近千米淤泥影响交通
三峡财务公司风险评级现场检查工作正式启动
分享到: