从浏览器到标签打印机的打印，设置可打印区域的尺寸

问题描述

我希望控制从浏览器打印到2.4“ x4”标签时的外观。

当前，当我使用诸如Pages（Apple版本的Microsoft Word）之类的文字处理应用程序时，可以将文档大小设置为2.4“ x 4”并打上打印，我知道所有内容都将适合标签。我正在尝试在浏览器中实现相同的目的。

我不确定，但是我正在考虑当前从浏览器进行打印时会包含很多空白，并试图将其全部缩放以适合标签，这会使内容失真。

我对前端Web开发还很陌生，因此我正在寻找有关如何定义可打印区域的指南。我希望这一切都发生在浏览器内部，但是我认为也许让站点生成正确尺寸的PDF，因为我认为这将处理与Pages类似的打印。

希望这很有道理！

解决方法

虽然具有满足分页格式设置的样式功能，但是Web围绕连续（无分页）文档而构建。因此，分页格式很麻烦。例如，您无法执行从文档指定文档页面尺寸的操作。相反，打印机对话框提供了页面大小的选择，并且呈现引擎尝试将您的内容适合该大小的页面。

CSS has a module for paged media，其中包括：page-break-after，page-break-before和page-break-inside，用于告知引擎块元素应如何在页面上分开； @page节用于指定仅适用于分页环境的CSS；和:blank，:first，:left和:right伪元素，用于创建与某些页面相关的规则。