为什么CSS@页面属性不起作用?

根据 the specifications 对于CSS Paged Media,应该可以执行以下操作

你链接到的规范并不表明你发布的CSS是有效的,相反,它指出(强调我的):

如果 size 属性声明由限定 宽度、高度、设备宽度、设备高度、纵横比、设备纵横比或定向媒体查询 (或其他取决于纸张大小的条件), 则必须忽略声明

…这是因为。。。

[]介质查询不考虑纸张大小:如果不考虑,则假设所选的纸张大小 @page 指定了规则。

你 可以 达到你想要的效果,但不要那样。

就像这样:

@media print {
    :root {
        background-color: green;
        /* Note that most browsers don't print page background colors at all as it looks awful, regardless of if it's inkjet, color-laser, etc */
    }
}

@page {
    size: a4;
}

最后我用了 Paged.js 随着polyfill绕过我遇到的问题。