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

Question

我使用@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>

如何编写用于特定 div 的媒体打印 css。

Answer 1

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