CSS @Media打印的英寸打印后，打印后会提供其他尺寸

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>

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