可打印的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(); 
}