確保動態生成的html頁面的打印尺寸/布局

Question

我需要在PhP / Html / Java / CSS中設計一個頁面，該頁面必須在客戶端打印機上精確打印到一定大小。 打印機使用具有多個部分的標簽（類似於fedex / ups），並且進行了設計，因此，當標簽分成多個部分時，每個部分上都有某些數據。

關於保證我的頁面在5x7標簽上正確打印的確切方法的任何建議嗎？

我對設計有完全控制權，但所有CSS必須在線完成。

打印它的設備不會縮放任何東西。 設計完成后，此頁面的唯一目的是在此設備上打印。 可用性，設計，只要在打印機上正確打印此標簽，所有這些都不重要。 打印機可能已連接到多台不同的PC，或者多台PC可能正在將該頁面打印到同一台打印機/同一型號的打印機上。

除了“猜測和檢查”之外，還有什么簡單的方法嗎？

Answer 1

使用PHP輸出PDF文件，然后打印該文件。 與CSS相比，從不同位置打印時，PDF文件中的布局，字體等將更加一致。

我以此方式在會議的2欄x 6行“不干膠標簽”上制作了可掃描的名稱徽章。 他們在辦理登機手續時使用了3台不同的筆記本電腦來打印徽章，效果很好。

Answer 2

如果您不想生成PDF，則可能必須嘗試使用試錯法。

如果要打印到多個頁面，有一條CSS規則可能會有用。 下面的代碼將在每個.labelset之后插入一個分頁.labelset 。

<style>
@media print
{
    .labelset { page-break-after:always; }
}
</style>

因此，在給定客戶端將使用的瀏覽器默認邊距的情況下，只需確保將一組標簽安全地打印到一頁即可。