通过浏览器打印功能对元素大小进行歧视性处理

Question

我正在创建一个网页，用户可以在该网页上编辑“可打印区域”的内容。我在页面上放置了一个元素，它的大小与“可打印区域”完全相符。在下图中，“可打印区域”由带有白色背景的div表示。

如果通过打开控制台来调整窗口大小（或者甚至缩小浏览器本身的大小），“可打印区域”也会缩小，代表“可打印区域”的div也会缩小，可以在下图中看到。

然而，我遇到的问题是''​​可打印区域'，其对应的div和其他元素与浏览器相应地缩放，而文本不仅不会响应缩放，但是，如果你手动更改任何文本的font-size以使其显示以响应缩放，打印机/打印预览会识别出尺寸的变化并且只会更改;因此，如果您现在打印文档，文本将相对于所有其他元素小得多，如下图所示。

[这不是让我发布另一张图片...... ]

显然，一种解决方案是在浏览器最大化时以1：1的比例存储原始font-size（font-size对应于'可打印区域'）并将其用于打印，但在缩放浏览器/文档时缩放文本。

我想知道是否有更好的解决方案？！为什么浏览器打印功能会以不同于非文本元素的方式处理文本大小？

为了澄清，我正在尝试做的事情是将文档缩放文本，以便文本的大小始终为1：1，文档显示为< / em>和正在打印。