javascript - 特定 div 上的媒体打印 css

Question

我使用@media print 打印html页面。

@media在简单的 html 页面中打印工作正常。

但是当我调用 javascript 时，@mediacss 不适用于文档。

我的 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>

如何为特定 div 编写媒体打印 css。

Answer 1

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