Question

我一直在搜索很多用CSS打印div，但我没有得到我想要的输出，我不知道为什么。

这是显示打印弹出窗口的触发器：

    <button id="print" onclick="Popup('front')">HERE</button>

这是我的剧本：

    function Popup(data) {

    var div = document.getElementById(data).innerHTML;

    var mywindow = window.open('', 'new div', 'height=400,width=600');
    mywindow.document.write('<html><head><title></title>');
    mywindow.document.write( "<link rel=\"stylesheet\" href=\"ficha-tecnica-media.css\" type=\"text/css\" media=\"print\"/>" );
    mywindow.document.write('</head><body >');
    mywindow.document.write(div);
    mywindow.document.write('</body></html>');

    mywindow.print();
    mywindow.close();

    return true;
}
</script>

在我的ficha-tecnica-media.css：

@media print {
    body{
        font-family: Arial, Helvetica, sans-serif;
    }
    table{
                font-size: 10px;
    }

    article{
                font-size: 10px;
    }
    img{
        width: 50px;
        height: 50px;
    }
}

如果我在display:none上放置了img它可行，但我试图调整它的大小，但它不起作用。身体中的font-family或font-size也不起作用..为什么？

使用CSS打印div

0 个答案: