javascript - 如何按尺寸打印 以 a4 尺寸打印出来

标签 javascript css

我需要通过通常很小的收据机打印。问题是当我选择 A4 尺寸的打印出来时,我想打印到尺寸。在打印选项中,当我选择打印到尺寸时,它减少到 5%,什么都没有是可见的。我的打印代码是

<div class="print_img">
 <button onclick="myFunction()">
    <div align="justify">Print</div>
 </button>   
</div>

<script>
function myFunction() {
    window.print();
}
</script>

<style>
 @media print {
    .print_img {
    display:none;
    }
}

我应该添加什么以获得正确的打印。我的收据看起来像这样

jsfiddle

Printer model

最佳答案

@media print {
    .print_img {
        display:none;
    }
    @page{
        size:200px 400px;
    }
}

这将打印一个宽度为 200 像素、高度为 400 像素的页面。

关于javascript - 如何按尺寸打印 以 a4 尺寸打印出来,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21305727/

相关文章:

javascript - Vanilla NG2 组件未显示?

javascript - Mozilla 中未触发 FileReader onloadstart

javascript - 获取 Dynatables 以在 JSON 调用后修改 thead header

javascript - 部署时 AngularJs 未捕获错误

javascript - 突出显示输入字段中的文本并同时激活光标 - 可能吗?

javascript - 如何消除作为字体的阻塞 CSS?

html - 无缘无故出现滚动条

javascript - 我怎样才能为这个js中的每个类元素获得唯一的id

javascript - 在 mouseenter 和 mouseleave 上暂停并重新启动 CSS 过渡

javascript - 显示多个幻灯片的 HTML 页面