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

时间:2019-03-24 06:56:40

标签: html css google-chrome

我必须在一个Web应用程序中打印出2个html页面。必须以A5尺寸打印第一页,以A6尺寸打印第二页。我尝试使用

强制设置A5打印设置

@media print{
    @page {
        size: A5 portrait;
        margin: 0;
    }
}

和其他文件中的a6打印设置,

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

我尝试打印A5页面,纸张尺寸没有变化(但是设置了纵向模式)

2 个答案:

答案 0 :(得分:0)

为此A5添加CSS,
你只需要给定尺寸
示例A5

@media print and (width: 14.8cm) and (height: 21cm) {
    @page {
        margin: 2cm;
    }
}

/* style sheet for “letter” printing */
@media print and (width: 5.83in) and (height: 8.27in) {
    @page {
        margin: 1in;
    }
}


/* A5 Landscape*/

@page {

    size: A5 landscape;

    margin: 10%;

}

        /* A5 Landscape*/
        @page {
            size: A5 landscape;
            margin: 10%;
        }

答案 1 :(得分:0)

您需要安装打印机驱动程序并添加自定义纸张尺寸。

无法使用CSS或JavaScript更改纸张尺寸。