CSS-在移动设备上调整大小/缩放而不更改布局

Question

我有一个Web应用程序，可以创建HTML布局以导出到A4大小的PDF。这意味着布局 HAS 的宽度应为1017像素以适合标准页面。这是在1440px屏幕上的样子：

在1440px屏幕中的布局

我的目标是将应用程序在移动设备上的功能减少为仅几个号召性用语（标题上的两个“通知/下载”按钮），同时能够看到完整的布局。这是我到目前为止所管理的：

375像素屏幕中的布局

问题是我有一个固定的transform: scale(0.3681)属性，因此它没有真正的响应能力，我想专门放大那个div ，以便人们可以轻松阅读内容而无需加扰他们将看到的最终PDF结构。如何实现？