如何在 Google Chrome 中设置模拟设备以使其看起来像 A4 页面?

ste*_*bot 10 google-chrome

我有一个使用 Bootstrap 4 的网站。我正在尝试修改 CSS,以便当我将页面打印为 PDF 时,它看起来像我想要的那样。

我找到了Rendering启用Emulate CSS media type. 启用此功能意味着我在浏览器中看到的规则与打印期间应用的规则相同。

我想Emulated Device在Chrome中设置一个,使其与各种物理页面(例如A4)具有相同的尺寸。

我使用的是 MacBook Pro 15" 2019,因此它的设备像素比应为 2。

A4 纸的尺寸为 210 毫米 x 297 毫米。

设备的宽度和高度应该设置为多少?