怎样使用 css 的@media print控制打印？

……


……

=======================

……



……
  
=========================

@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 用于电视类设备      

============================

想实现在一个页面中显示出全部内容     但是不打印表格中的部分内容 ?

.css中增加

@media Print
{
.noPrint {
DISPLAY: none
}

不打印的地方这样用，如

....

...

==========================

或则： VISIBILITY: hidden 隐藏比较好.    

==========================

如何做到用 css 的@media print控制只打印panel里的内容？

AAAAAAAAAAAAAAAAAAAAAAAAA

BBBBBBBBB