2013-04-09 82 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;} 
相關問題