在HTML電子郵件的css中使用@media

Question

我試圖讓HTML電子郵件以比它在屏幕上看起來更小的寬度打印表格。我輸入了：

@media print{ 
    .style1 { 
    width: 500; 
    } 
} 

當我打印它仍然跑離頁面。我已經把它設置爲一個可笑的小數目，但無濟於事。 style1適用於寬度爲100％的表格，我認爲百分比可能會拋出，所以我將其更改爲寬度爲688，並得到了相同的結果。表中沒有固定寬度的行或單元格;他們都使用百分比。有什麼建議麼？

Answer 1

如果是上方的直接的例子，則需要在CSS定義爲0以外的任何值提供單元（PX，EM，等）：

@media print{ 
    .style1 { 
    width: 500px; 
    } 
} 

這不同於HTML屬性，其假定像素。希望這有助於，-Matt

Answer 2

首先，你應該在寬度後面定義一個單位。儘管如此，大多數瀏覽器仍然使用像素單元作爲故障安全，因此這不是真正的問題。

您使用的是什麼mailclient？

Support for print CSS is not guaranteed across different mailclients.