在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.