在 Chrome 的打印设置 CSS 中强制 A5 纸张大小答案

【问题标题】：Force A5 Paper-size in Chrome's print settings CSS在 Chrome 的打印设置 CSS 中强制 A5 纸张大小
【发布时间】：2017-10-19 06:26:54
【问题描述】：

我必须在网络应用程序中打印出 2 个 html 页面。第一页必须以 A5 大小打印， A4 尺寸的第二个。我试图强制使用 a5 打印设置

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

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

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

A4 工作正常，但是如果我尝试打印 A5 页面，纸张大小不会改变（但设置了横向模式）

【问题讨论】：

你最后搞定了吗？
不幸的是，我仍在为此寻找解决方案:(

标签： html css google-chrome

【解决方案1】：

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

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

然后在<head>部分设置样式

<style>@page { size: A5 }</style>

然后将正文类设置为A5，如下所示

<!-- 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>

更多信息请点击以下链接 https://github.com/cognitom/paper-css

【讨论】：

【解决方案2】：

使用此媒体查询内容将针对A5 进行调整。

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

【讨论】：