我有一个使用 React 创建的收据设计。在 CSS 中,我使用 80mm 宽度和 90mm 高度,因为建议使用 mm 进行打印。我使用 html2canvas 捕获此组件,它输出图像并将其转换为 base64string 并将其发送到负责打印的 API。我注意到,当使用 203dpi 的热敏打印机在纸张(80 毫米 x 90 毫米)上打印时,图像并不完全是 80 毫米,而且变得更小。可能的原因是什么?
此 Web 应用程序在屏幕分辨率为 1080 x 1920 和 1920 x 1200 的两台设备上运行。根据 w3.org CSS 提供的信息,建议使用 mm 单位进行打印。但是,在 1080 x 1920 设备中,图像的打印结果会变小(小于纸张宽度的 80mm),但在 1920 x 1200 设备中,图像的打印结果会变为纸张宽度的两倍。