怎样使用 css 的@media print控制打印
1个回答
展开全部
<HTML> <HEAD> <TITLE> New Document </TITLE> </HEAD>
<BODY> <style media="print">//这表示是在打印时的样式 .noprint { display: none;font-size:19px;COLOR: blue; } </style>
<style media="screen"> //这表示是在屏幕显示时的样工 .print {font-size:19px;COLOR: red; } </style>
<body> <span class="print" >打印部分</span><br><br><Br> <span class="noprint" >不打印,但可以看部分</span> </BODY> </HTML>
==================================================================== @media版本：CSS2 兼容性：IE5+
语法：
@media sMedia { sRules }
说明：
sMedia : 指定设备名称。请参阅附录：设备类型 sRules : 样式表定义
指定样式表规则用于指定的设备类型。请参阅link对象的media属性（特性）。
示例：
// 设置显示器用字体尺寸 @media screen { BODY {font-size:12pt; } }
// 设置打印机用字体尺寸 @media print { @import "print.css" BODY {font-size:8pt;} }
=====================================================================
Media Types 设备类型
Media Type 设备类型 CSS Version 版本 Compatibility 兼容性 Description 简介 all CSS2 IE4+ 用于所有设备类型 aural CSS2 NONE 用于语音和音乐合成器 braille CSS2 NONE 用于触觉反馈设备 embossed CSS2 NONE 用于凸点字符（盲文）印刷设备 handheld CSS2 NONE 用于小型或手提设备 print CSS2 IE4+ 用于打印机 projection CSS2 NONE 用于投影图像，如幻灯片 screen CSS2 IE4+ 用于计算机显示器 tty CSS2 NONE 用于使用固定间距字符格的设备。如电传打字机和终端 tv CSS2 NONE 用于电视类设备
<BODY> <style media="print">//这表示是在打印时的样式 .noprint { display: none;font-size:19px;COLOR: blue; } </style>
<style media="screen"> //这表示是在屏幕显示时的样工 .print {font-size:19px;COLOR: red; } </style>
<body> <span class="print" >打印部分</span><br><br><Br> <span class="noprint" >不打印,但可以看部分</span> </BODY> </HTML>
==================================================================== @media版本：CSS2 兼容性：IE5+
语法：
@media sMedia { sRules }
说明：
sMedia : 指定设备名称。请参阅附录：设备类型 sRules : 样式表定义
指定样式表规则用于指定的设备类型。请参阅link对象的media属性（特性）。
示例：
// 设置显示器用字体尺寸 @media screen { BODY {font-size:12pt; } }
// 设置打印机用字体尺寸 @media print { @import "print.css" BODY {font-size:8pt;} }
=====================================================================
Media Types 设备类型
Media Type 设备类型 CSS Version 版本 Compatibility 兼容性 Description 简介 all CSS2 IE4+ 用于所有设备类型 aural CSS2 NONE 用于语音和音乐合成器 braille CSS2 NONE 用于触觉反馈设备 embossed CSS2 NONE 用于凸点字符（盲文）印刷设备 handheld CSS2 NONE 用于小型或手提设备 print CSS2 IE4+ 用于打印机 projection CSS2 NONE 用于投影图像，如幻灯片 screen CSS2 IE4+ 用于计算机显示器 tty CSS2 NONE 用于使用固定间距字符格的设备。如电传打字机和终端 tv CSS2 NONE 用于电视类设备
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
