2013-04-09 88 views
1

我在我的网站上使用http://htmlemailboilerplate.com/来发送电子邮件。 我在问自己,如果电子邮件中的css可以被缩小为喜欢,1行,或者它不应该被修改?我们应该也可以在电子邮件中缩小css

+1

严格来说,你可以有连续CSS的一条线,它会工作,但它不会看起来很漂亮。 – davidb 2013-04-09 13:33:36

+3

如果您在电子邮件中存在加载时间问题,则不太可能由CSS引起。我不打扰。花时间优化图像并交叉测试您的布局。 – isherwood 2013-04-09 13:36:55

回答

2

在这种情况下,我会使用CSS代码。如果样板团队将代码放在这样的位置,那么他们会这样做,原因很有好处也是因为他们测试并调试了代码。至少我会说,如果你的团队中没有其他人需要阅读这些评论,那么删除过多的评论可能是安全的。

2

那么,代码有很多评论。由于它是用于制作的,至少删除评论是很好的。

有没有危害在完全缩小它。也没有真正的需要,如果你愿意,你可以做。

1

你可以通过将多个东西扔到单行上来压缩你的代码,但是只需删除多余的注释部分就可以获得最大的好处。下面是样板的一部分,我已经凝结,缩短它一点的例子:

/* Hotmail */ 
    .ExternalClass {width:100%;} .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} 
    h1, h2, h3, h4, h5, h6 {color: black !important;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: blue !important;} 
    h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active { color: red !important; } h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: purple !important; } 
    /* Outlook */ 
    table td {border-collapse: collapse;} #outlook a {padding:0;} #backgroundTable {margin:0; padding:0; width:100% !important; line-height: 100% !important;} 
    /* Yahoo */ 
    p {margin: 1em 0;} 
相关问题