Question

我使用角度2开发了一个应用程序。当我尝试用chrome打印页面时，当我将纸张尺寸设置为A2时，它打印得很好。但是当我将它设置为A4时，我的部分（下面的示例图像中以黄色突出显示）会重叠。有人可以帮帮我吗？

我实际上已经制作了一个打印页面的通用组件。要打印的代码如下：

var innerContents = document.getElementById(this.section).innerHTML;
var popupWinindow = window.open('', '_blank', 'top=0,left=0,height=100%,width=auto');
popupWinindow.document.open();
popupWinindow.document.write(`<html>
  <head>
  <link rel="stylesheet" href="assets/css/dashboard.css">
  <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  <link rel="stylesheet" href="assets/css/font-awesome.min.css">
  <link rel="stylesheet" href="assets/css/theme.css">
  <link rel="stylesheet" href="assets/css/primeng.min.css">
  </head>
  <script src="assets/js/bootstrap.min.js">
  <script src="assets/js/jquery.min.js">
  </script>
  <body onload="window.print()">`
    + innerContents
    + '</html>'
);
popupWinindow.document.close();

但是当纸张尺寸为A4时，我无法避免内容重叠。它的A2打印得很完美。

Sample image

以角度2打印页面

0 个答案: