可打印的html没有在Firefox上打破新页面

Question

我正在尝试创建一个html报告，我想打印它。为此，我使用AngularPrint（https://github.com/samwiseduzer/angularPrint）。

我的问题是，在Firefox上，报表打印在独特的页面中，但内容溢出到页面外。

如果我使用谷歌浏览器进行测试，当相同的报告自动创建新页面以避免内容溢出时。

我tryed使用本地window.print，喜欢它（但它的发生同样的事情）：

$scope.printReport = function(myhtml) { 
    var content = document.getElementById(myhtml).innerHTML; 
    var original = document.body.innerHTML;   
    document.body.innerHTML = content; 
    window.print(); 
    document.body.innerHTML = original; 
} 

我使用的HTML代码AngularPrint：

<!-- printable area --> 
<div class="content" print-section> 
    ... 
    ... 
</div> 

按钮进行打印：

<button class="btn btn-success" id="btnPrinReport" print-btn> Print Data </button> 

Answer 1

您是否尝试过使用CSS媒体查询而不是替换dom？它会是这样的

@media print 
{ 
    .content{ 
    position:fixed; 
    top:0; 
    left:0; 
    min-width:100vw; 
    min-height:100vh; 
    } 
} 

，并在您的Java脚本就必须做这样的事情

$scope.printReport = function(myhtml) { 
window.print(); 
}