web的各种前端打印方法之CSS控制网页打印样式

前端  /  管理员 发布于 7年前   402

CSS控制网页打印样式：
使用CSS控制打印样式，握刚刚使用时一塌糊涂，根本不知道CSS中的midia的作用是什么，问到别人说导入这个样式，还傻乎乎的不知所措。如果你也有这种现象，那么我告诉你吧，在W3school查到CSS的midia的作用。

midia 定义和用法：
media 属性规定被链接文档将显示在什么设备上。
media 属性用于为不同的媒介类型规定不同的样式。
原来用到media来指定css的媒体类型，它的语法格式有这样几种：
@media screen | print | projection | braille | aural | tv | handheld | all

参数说明：
screen：指计算机屏幕。
print：指用于打印机的不透明介质。
projection：指用于显示的项目。
braille：盲文系统，指有触觉效果的印刷品。
aural：指语音电子合成器。
tv：电视类型的媒体。
handheld：指手持式显示设备。
all：用于所有媒体。
只要导入将不想打印的东西加入下面这CSS样式声明中，将在打印的页面不会出现：

复制代码代码如下:
<link rel="stylesheet" media="print" type="text/css" href="https:/web/print.css" />

例如：

复制代码代码如下:
<style midia="print">//midia必须声明，不然无效了
#my_hidden{display:none;}
</style>