Reactjs 打印网站（react组件）时，如何为版面设置react引导断点的宽度？

我们有一个react应用程序，希望用户能够轻松、干净地打印网站上的各种页面。我们的应用程序使用react引导网格来处理响应性。下面是我们其中一页的一个片段，其中包括两个表。这些表格在顶部图像中并排排列（基于

xl

和

lg

断点，它们使用两个大小为6的列），并堆叠在底部图像中（基于

md

断点，大小为12）

第一张图片

第二张图像

当我点击CMD+p启动打印窗口时，我收到了页面这一部分的以下内容，以及两个表格：

“打印”窗口始终显示堆叠的两个表格，而与“我的浏览器”的当前宽度无关。然而，对于打印，我更喜欢两张桌子并排，而不是堆叠

---

是否可以控制/更改打印机感知的页面“宽度”？我假设当前打印功能只是将页面视为属于

md

断点的某个宽度，但是页面最好使用

lg

或（首选）

xl

断点

<div class="row row-of-tables">
    <div class="col col-12 col-md-12 col-lg-6 col-xl-6">Table 1</div>
    <div class="col col-12 col-md-12 col-lg-6 col-xl-6">Table 2</div>
</div>

@media print {
    .row.row-of-tables > .col {
        max-width: 50%;
    }
}