Javascript 特定div上的媒体打印css

我使用@media print打印html页面

@media

在简单的html页面中打印效果很好

但是当我调用javascript时，

@media

css对文档不起作用

我的javascript代码是

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.min.js" > </script>
<script type="text/javascript">

    function PrintElem(elem)
    {
        Popup($(elem).html());
    }

    function Popup(data) 
    {
        var mywindow = window.open('', 'mydiv', 'height=400,width=600');
        mywindow.document.write(data);
        mywindow.print();
        mywindow.close();

        return true;
    }

</script>

函数PrintElem（elem）
{
弹出（$（elem.html（））；
}
功能弹出窗口（数据）
{
var mywindow=window.open（“”，'mydiv'，'height=400，width=600'）；
mywindow.document.write（数据）；
mywindow.print（）；
mywindow.close（）；
返回true；
}

---

如何为特定分区的工作编写媒体打印css。

您必须将css写入新窗口。新窗口与打开它的窗口是完全独立的环境，原始窗口中的CSS对弹出窗口绝对没有影响。

您必须将CSS写入新窗口。新窗口与打开它的窗口是一个完全独立的环境，原始窗口中的CSS对弹出窗口没有任何影响