html页面打印成a4的尺寸,我如何将我的html div调整为A4打印页面中的整页？

我需要打印具有A4尺寸的特定div。但是，当我打印时，在打印屏幕上我的div不适合A4页面。我的div大小为568px和842px(A4页面大小)。如何调整div大小以将页面打印为A4？

我要打印的html内容如下：

我的打印方法如下：

printComponent(cmpName) {

let printContents = document.getElementById(cmpName).innerHTML;

let popupWin;

// let originalContents = document.body.innerHTML;

// document.body.innerHTML = printContents;

// window.print();

// document.body.innerHTML = originalContents;

popupWin = window.open('', '_blank', 'top=0,left=0,height=100%,width=auto');

popupWin.document.open();

popupWin.document.write(`

Print tab

@media only print{

@page{size:A4;}

}

`

);

popupWin.document.close();

}