Question

我正在制作一个项目，其中我必须打印页面的一个div。问题是，当我尝试打印内容时，@page标签没有任何影响。另外，我决定将要打印的现实尺寸简单地放入元素中，但是打印内容的尺寸与指定的尺寸不匹配。

我的CSS代码是：

@media print {
    @page {
        width: 3.5in;
        height: 2in;
    }
    body * {
        visibility: hidden;
        border: 1px solid black;
    }
    #ticket, #ticket * {
        visibility: visible;
    }
    #ticket {
        position: absolute;
        left: 0;
        top: 0;
        background-color: #ff0000;
        border: 1px solid yellowgreen;
        width: 3.5in;
        height: 2in;
    }
}

我已经尝试过类似@page { size: A3 }之类的事情，但是有很多问题，但这是行不通的。基本上，我需要能够打印出真实尺寸的东西，并且当我单击“打印”时，打印配置可以正确处理样式表，我不知道这是否可行，或者是否有简单的方法来实现这一目标。

预先感谢

Answer 1

@PAGE规则 @page规则使您可以指定页面框的各个方面。例如，您将要指定页面的尺寸。下面的规则指定默认页面尺寸为5.5 x 8.5英寸。如果您打算通过按需打印服务来印刷书籍，那么找出可以使用的尺寸就很重要。

@page {size：5.5in 8.5in;} //尝试像这样应用高度宽度

Answer 2

我不太确定您在帖子中要指出什么，但是我觉得这可能会有所帮助。

创建CSS样式表，或直接在HTML标头中添加样式标签。

    <style>
        @media print {
           @page {
                  size: 5.5in 8.5in ;
                  size: landscape;
                 }
             }
     </style>

这样，在您的窗口打印中将禁用纸张尺寸和布局选择。希望这会有所帮助。

尺寸为英寸的CSS @media印刷品在印刷后提供其他尺寸

2 个答案: