HTML + CSS生成的.pdf文件在不同的计算机上有不同的布局？

Question

我设法使用HTML和CSS生成.pdf文件。 页面大小以英寸（A4格式）预定义。它在我的计算机上运行良好，但是当我在另一台计算机上运行程序时，生成的文件看起来不同，页面保持A4，但布局会发生变化，尽管两台计算机具有相同的分辨率和dpi。

Answer 1

使用CSS维护两者的设计。

@media print - 适用于打印机

@media screen - 适用于电脑屏幕，平板电脑，智能手机等。

@media print{
   h1{
      color:red;
   }
}


@media screen{
   h1{
      color:blue;
   }
}

<h1>Hello</h1>

点击代码段屏幕中的“结果”，然后按“CTRL + P”。