用于指定扫描文档上的位置的 CSS

Question

我正在尝试编写 CSS 规则以在扫描文档上定位文本。

原因:文档是预打印表格。我正在尝试定位屏幕上的文本，以便它与实际表单上的“空格”相关。

问题:虽然我使用厘米来定位这些值，但它们似乎与实际页面上的值不一致。我可以看到这种错位，因为我的扫描图像位于页面背景中。

我尝试过的:

1. 我使用尺子实际测量位置并使用 CSS 指定它们。但在屏幕上，它不符合。

2. 我使用扫描图像来定位 CSS 值。然后打印输出不正确。

3. 我什至使用 Inkscape 将扫描的页面缩放到以厘米为单位的精确尺寸，并考虑了所有边距等...

我需要的是:我正在尝试在屏幕上正确显示输出值，并以正确的方式打印它们。我知道使用两个 CSS 表(一个用于打印)是一种选择。但是我正在远离实际打印的地方开发这个程序。那么有没有一种方便的方法可以将确切的屏幕位置与实际/最终打印输出上的位置相匹配？

谢谢!

Answer 1

扫描文档就像任何其他图像一样，将其用作背景并将元素绝对放置在其顶部。以像素而非厘米为单位进行所有测量。