Firefox打印CSS溢出问题

时间:2018-09-07 21:57:05

标签: css printing

我正在努力在网页上设置报告以使其易于打印。它在Chrome和Safari中显示“确定”,但是在Firefox中,我只能打印前1.5个图表,然后跳到页脚。我在其他地方看到过添加“ overflow:visible;”的地方。解决了这个问题。我已添加到任何包装元素,但仍然无济于事。有任何想法吗?

可以在这里http://vitaferm.com/hay-report/

找到该报告

我正在尝试的CSS是

@media print {
    /* print styles go here */
    *{
        overflow:visible;
    }
    .d-print-none {
        display:none;
    }
    canvas {
        display: block;
        clear:both;
        width:100%;
        overflow: visible;
    }
    .print-block {
        width: 100%;
        clear: both;
        max-width: 100%;
        flex: 100%;
        overflow: visible;
    }
    .chartjs-hidden-iframe {
        overflow:visible;
    }
    .row {
        overflow:visible;
    }
}

0 个答案:

没有答案