Question

所以我有热敏打印机-> https://www.gebe.net/index.php?pc=TDCompact677x&l=en

还有一个Web应用程序，它从Input收集一些信息，比如说Name和Company name。然后，应通过列出的打印机在不干胶标签上打印信息，该标签尺寸约为110x80mm。

到目前为止，我有一个代码片段可供尝试使用：

@media print {
        body * {
            visibility: hidden;
            size: 80mm 110mm;
        }
        #final_sticker_area, #final_sticker_area * {
            visibility: visible;
        }

        @page {
            size: 80mm 110mm;
            margin: 5px;
        }

        #final_sticker_area {
            font-size: 30px;
            margin-bottom: 200px;
            page-break-after: avoid;
            page-break-before: avoid;
            page-break-inside: avoid;
        }

        #final_sticker_area {
            transform: rotate(360deg);
        }
    }

    @page { /* Moved it out from @media print where I would like to have it, due to MS Edge. */
        size: 80mm 110mm;
        margin: 5px;
    }

所以我当前的问题是：

每当我尝试从Desktop Apps打印一些随机数据时，似乎都很好。但是当我通过Webb App进行操作时，它就会开始执行以下操作

切割机制似乎是随机工作的（可以在中间或任何其他随机位置切割贴纸）
出于某些原因，浏览器打印机制认为我提供了A4尺寸纸，并且打印机在实际打印之前最多可以滚动4张贴纸
此外：打印部分也非常混乱-文本可以打印在标签的任何部分，这不是我要查找的选项

我希望将其严格地放置在每个贴纸的同一位置。

我在打印部分中正在使用'Page sheet size'选项，但感觉还是很随意的。

有人可以给我提供任何有意义的提示吗？

浏览器打印纸尺寸

0 个答案: