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

Question

我必须在网络应用程序中打印出 2 个 html 页面。第一页必须以 A5 尺寸打印，第二页必须以 A6 尺寸打印。我试图用

强制使用 a5 打印设置

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

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

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

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

Answer 1

为 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%;
        }