css - 我们应该并且可以缩小电子邮件中的 css

Question

我在我的网站上使用http://htmlemailboilerplate.com/发送电子邮件。我在问自己是否可以将电子邮件中的 css 缩小为喜欢 1 行，或者是否不应该修改？

Answer 1

好吧，代码有大量的注释。由于它是用于生产的，因此至少删除评论是好的。

完全缩小它没有害处。也没有真正的需要，如果你愿意，你可以做到。

Answer 2

在这种情况下，我会使用呈现的 CSS 代码。如果样板团队这样放代码，那么他们这样做是有充分理由的，也因为他们也测试和调试了他们的代码。我至少会说，如果您的团队中没有其他人需要阅读过多的评论，那么删除这些评论可能是安全的。

Answer 3

您可以通过将多个内容放在单行上来压缩代码，但是您将从简单地删除多余的注释部分中获得最大的好处。这是我压缩的部分样板的示例，以缩短一点：

  /* 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;}