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