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“。