Question

我有以下打印功能

$scope.printDiv = function(divName) {
  var printContents = document.getElementById(divName).innerHTML;
  var popupWin = window.open('', '_blank', 'width=600,height=600');
  popupWin.document.open()
  popupWin.document.write('<html><head><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><link rel="stylesheet" href="css/main.css"/></head><body onload="window.print()">' + printContents + '</html>');
  popupWin.document.close();
 }

我期待一个像网页一样的结果，但它没有正确对齐，特别是顶部菜单栏出现在整个打印页面上。

Answer 1

您需要将新窗口的width从600增加到至少800，例如

// here I am using 1024 for proper alignment
var popupWin = window.open('', '_blank', 'width=1024,height=600');

打印功能无法正常工作

1 个答案: