old*_*ayn 8 html css google-chrome
我必须在网络应用程序中打印2个html页面。必须以A5尺寸打印第一页，以A4尺寸打印第二页。我试图强制使用
@media print{
@page {
size: a5 landscape;
margin: 0;
}
}
和另一个文件中的a4打印设置
@media print {
@page {
size: a4;
margin: 0;
}
}
A4工作正常，但是如果我尝试打印A5页面，则纸张尺寸不会改变（但设置了横向模式）
您可以使用paper-css库，因为它将帮助您通过paper-css lib轻松定义纸张尺寸加载css文件
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paper-css/0.3.0/paper.css">
然后在<head>零件中设置样式
<style>@page { size: A5 }</style>
然后将body类设置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