如何在 CSS 中设置 A4 纸张大小以实现完美打印样式
CSS中设置A4纸张大小一般用于复印款式，可以通过@page规则实现。要设置分页大小，可以使用size属性并指定A4或自定义规格。@page{size:A4;}。
在Web开发中，CSS（层叠式样表）用于描述网页的外形和格式，对于复印款式，CSS提供了一些特殊的属性来定义页面的大小和复印布局，当涉及到设置A4纸张大小时，我们可以使用@page规则以及size属性来实现。
（图片来源网路，侵删）
CSS@page规则
@page规则是CSS中一个十分特殊且强悍的工具，它容许开发者指定个别式样仅应用于复印输出或复印预览模式时，这包括定义页面大小、页行距、页眉和页码等。
设置A4纸张大小
为了设置页面为A4纸张大小，我们首先须要晓得A4纸的标准规格：210mm×297mm，在CSS中，我们可以将这个规格转换为毫米单位，由于CSS支持宽度单位。
CSS代码示例
@page { size: A4; /* 默认关键字，可以直接使用 */}/* 或者使用具体的尺寸 */@page { size: 210mm 297mm;}
里面的代码会告诉浏览器在复印时应当使用A4纸张大小。
设置分页大小
（图片来源网路，侵删）
不仅直接设置A4纸张大小外，CSS还容许我们定义自定义的页面大小，通过@page规则，我们可以使用size属性来指定自定义的长度和高度。
自定义纸张规格
@page { size: 180mm 270mm; /* 自定义尺寸，例如略小于A4的尺寸 */}
分页媒体类型
值得注意的是，@page规则只有在复印或则复印预览模式下才有效，在编撰这种规则时，我们一般将它们包含在一个媒体查询中，以确保它们只在复印时应用。
@media print { @page { size: A4; }}
其他复印相关设置
页行距()：可以设置页行距来控制内容与纸张边沿的距离。
脚注()和页码()：可以使用@page规则来定义脚注和页码的内容和款式。
（图片来源网路，侵删）
方向()：可以使用size属性的第三个值来设置页面的方向，例如表示纵向。
FAQs
Q1:假如浏览器不支持CSS的@page规则如何办？
A1:不是所有的浏览器都完全支持CSS的@page规则，假如遇见不支持的情况，这么这种规则将被忽视，页面将根据默认的复印设置进行复印，作为取代方案，可以提供PDF下载链接，确保用户可以在支持的环境中查看正确的页面布局。
Q2:怎样确保复印输出的质量？
A2:为了确保复印输出的质量，应当使用高帧率的图片，防止使用太大的字体大小，同时检测所有元素在复印预览中的显示情况，使用复印媒体查询@mediaprint可以帮助你针对性地调整复印款式。
便是使用CSS来设置A4纸张大小和分页大小的全面手册，虽然Web复印可能不如桌面出版软件那样精确，但适当的CSS设置可以极大地改善网页内容的复印疗效。
下边是一个介绍，展示了怎样在CSS中设置A4纸张大小以及分页大小的代码示例。
设置目的
CSS代码
设置A4纸张大小（长度和高度）
@page{size:A4;}
设置自定义纸张大小（比如A4，具体规格）
@page{size:210mm297mm;}
设置页面行距（使用A4规格，并设置行距）
@page{size:A4;:20mm;}或则详尽设置每一个行距@page{size:A4;:20mm;:20mm;:20mm;:20mm;}
设置分页在复印时的款式（页面之间的空白）
@page{size:A4;:0;:0;@{:”Page”(page);}}
请注意，上述代码中的mm代表毫米，(page)是一个计数器，用于在每一页的指定位置（这儿是顶部中心）显示当前页脚。
当你在网页上设置复印款式时，一般须要添加媒体查询print，以确保那些款式只有在复印时才能应用：
@media print { @page { size: A4; margin: 20mm; /* 其他分页设置 */ } /* 其他打印专用的样式 */}
使用@page规则可以控制复印文档的页面盒模型，但要注意的是，并非所有的浏览器都支持所有的页面设置选项，在使用时须要考虑兼容性问题。
