Html 强制A5纸张尺寸为镀铬'；s打印设置CSS_Html_Css_Google Chrome

Html 强制A5纸张尺寸为镀铬'；s打印设置CSS

html css google-chrome

Html 强制A5纸张尺寸为镀铬'；s打印设置CSS,html,css,google-chrome,Html,Css,Google Chrome,我必须在一个web应用程序中打印出2个html页面。第一页必须打印成A5大小，第二个尺寸为A4。我尝试使用强制a5打印设置 @media print{ @page { size: a5 landscape; margin: 0; } } 以及另一个文件中的a4打印设置 @media print { @page { size: a4; margin: 0; } } A4工作正常，但是如果我尝

我必须在一个web应用程序中打印出2个html页面。第一页必须打印成A5大小，第二个尺寸为A4。我尝试使用强制a5打印设置

@media print{
    @page {
        size: a5 landscape;
        margin: 0;
    }
}

以及另一个文件中的a4打印设置

@media print {
    @page {
        size: a4;
        margin: 0;
    }
}

A4工作正常，但是如果我尝试打印A5页，纸张大小不会改变

（但设置了横向模式）

您可以使用纸张css库，因为它将帮助您轻松定义纸张大小纸质css库加载css文件

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paper-css/0.3.0/paper.css">

有关更多信息，请点击下面的链接

使用此媒体查询内容将针对

A5

进行调整

@media print
{
    @page
    {
         size: 8.5in 11in; 
    }
}

您是否最终成功了？不幸的是，我仍在寻找解决方案：(

<!-- Set "A5", "A4" or "A3" for class name -->
<!-- Set also "landscape" if you need -->
<body class="A5">

  <!-- Each sheet element should have the class "sheet" -->
  <!-- "padding-**mm" is optional: you can set 10, 15, 20 or 25 -->
  <section class="sheet padding-10mm">

    <!-- Write HTML just like a web page -->
    <article>This is an A5 document.</article>

  </section>

</body>

@media print
{
    @page
    {
         size: 8.5in 11in; 
    }
}