相关疑难解决方法(0)

我需要创建一个A4纸张尺寸的HTML页面.

我知道,在像素A4纸张大小是:595px x 842px(串号10-11).但是当我放置这些尺寸并尝试打印页面时(我打印到PDF文件,由于暂时缺少墨水),我不会让我的HTML完全适合页面:它要小得多.

当我尝试添加一些像素(当然是系数)时,我得到了794px x 1122px(字符串编号12-13),第二次打印尝试(保存为PDF文件)给了我这个变量稍大一点的结果,然后需要.

那么,解决方案是什么以及为什么可能595px x 842px与保存为PDF的真实A4不兼容？

这是一个例子

PS我使用Chromium用于Ubuntu 13.10并且没有在Windows上检查它.

我这样做是为了能够通过PHP简单地更改值,然后将HTML页面转换为PDF,如此处所述.

我正在尝试创建类似于 Xing the CV maker -> https://lebenslauf.com/ 的内容。

我确实有不同的对象数组。但我无法创建将呈现数据的 A4 页面，如果数组大于一页，则创建新页面 A4 并在那里添加数据。如果数组对于一个大小更大，则该函数需要如此，然后创建一个新页面 a4 并将数据放在那里。在 stackblitz 中，我添加了一个数组和一些随机文本并设计了一个 A4 字母。我提到了这个问题和答案，但并没有给我太多帮助。 CSS 设置 A4 纸张大小。
我试图伪造分页并创建 A4 尺寸，但没有奏效。
我在那里用 jquery 查看了这段代码。它有效，但我无法在 Angular 中编译它。 https://jsfiddle.net/tm637ysp/10/ 有人可以帮我吗？

我在 stackblitz 中创建了两个项目。也许他们会帮忙。
https://stackblitz.com/edit/angular-ivy-fjhpdu。
https://stackblitz.com/edit/angular-ivy-uzmdwg

我想重新打开这个问题，因为@HirenParekh 批准的答案并没有像我想要的那样工作。现在的问题是，如果一个对象中的文本非常大，它不会实时添加新页面，但前提是我重新加载页面。我认为代码将用于添加新页面或编辑页面将仅在ngOnInit. 为完成这项工作而提供的指令，我认为它不能正常工作。这是 stackblitz他试图帮助我的东西。 https://stackblitz.com/edit/angular-ivy-zjf8rv

这是我试图显示数据的代码。

    <div style="transition: transform 0.25s ease 0s;transform: scale(1.3);transform-origin: 50% 0px 0px;backface-visibility: hidden;perspective: 1000px;display: block;margin: 0px 11.5385%;font-size:10px;width: 76.9231%;-webkit-font-smoothing: antialiased;">
<app-paginated-view [pageSize]="'A4'" *ngIf="model" class="Grid-grid-column">
  <div pageContent class="row">
    <div class="col col-lg-7">
      <h4>{{currentUser?.firstName}} {{currentUser?.lastName}}</h4>
    </div> …