使用 smtp 发送的电子邮件在 gmail 和 Outlook 之间看起来不同

如何解决使用 smtp 发送的电子邮件在 gmail 和 Outlook 之间看起来不同

我发送到 gmail 和 Outlook 的邮件之间存在差异。它也应该看起来像 Gmail 中的 Outlook。我通过 .net mvc 应用程序上的 Smtp 发送它。您可以在下面找到我的通用邮件 HTML 模板。

 <style>body { font-family: Arial,sans-serif; width: 500pt; } table.mheader { margin-top: 10pt; margin-left: 10pt; width: 500pt; border: 0pt; border-collapse: collapse; } table.mbody { margin-left: 10pt; width: 500pt; border: 0pt; border-collapse: collapse; } table.mfooter { margin-left: 10pt; width: 500pt; border: 0pt; border-collapse: collapse; } tr { height: 20pt; } td { height: 15pt; } td.tkey { vertical-align: top; width: 150pt; height: 20pt; } td.theaderorange { width: 500pt; vertical-align: center; height: 30pt; background: #f6860a; } td.theaderred { width: 500pt; vertical-align: center; height: 30pt; background: #c01000; } td.theaderblue { width: 500pt; vertical-align: center; height: 30pt; background: #002060; } td.tsep { width: 2pt; vertical-align: top; height: 20pt; } td.tvsep { vertical-align: top; margin: 2pt 2pt 2pt 7pt; height: 7pt; } td.tvsepx2 { vertical-align: top; margin: 2pt 2pt 2pt 7pt; height: 16pt; } td.tvar { vertical-align: top; width: 448pt; height: 20pt; } td.tfull { height: 20pt; } td.tfoot { background: #f2f2f2; height: 20pt; } tr.tfoot { background: #f2f2f2; } p.tkey { font-size: 11pt; margin: 2pt 2pt 2pt 7pt; color: #1f497d; font-weight: bold; text-align: left; } p.tvar { font-size: 11pt; margin: 2pt 2pt 2pt 7pt; color: black; text-align: left; } p.theader { font-size: 15pt; margin: 3pt 3pt 3pt 7pt; color: white; font-weight: bold; text-align: left; } p.letter { font-size: 11pt; margin: 8pt 2pt 8pt 7pt; color: black; text-align: left; } p.tfoot { font-size: 7pt; font-style: italic; margin: 2pt 2pt 2pt 7pt; color: black; text-align: left; } a.tlink { font-size: 11pt; color: #558ed5; font-weight: bold; text-align: left; } span.button { width: 150; vertical-align: center; background: #132C79; margin: 5pt 5pt 5pt 5pt; font-size: 13.5pt; color: white; font-weight: bold; text-align: center; border-width: 10pt; border-style: solid; border-color: #132C79; text-decoration: none } </style> <table cellpadding="0" cellspacing="0" class="mheader k-table"><tbody><tr><td class="theaderorange"><p class="theader">bildirimi için aksiyonunuz beklenmektedir</p></td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="mbody k-table"><tbody><tr><td class="tvsepx2" colspan="3" valign="middle" width="100%"><br /></td></tr><tr><td class="tkey"><p class="tkey">Bildirim Tarihi</p></td><td class="tsep"><p class="tkey">:</p></td><td class="tvar"><p class="tvar">{{ExModel.ReportDate}}</p></td></tr><tr><td class="tkey"><p class="tkey">Açıklama</p></td><td class="tsep"><p class="tkey">:</p></td><td class="tvar"><p class="tvar">{{{Data.Fields.DESCRIPTION}}}</p></td></tr><tr><td class="tkey"><p class="tkey">Detay</p></td><td class="tsep"><p class="tkey">:</p></td><td class="tvar"><p class="tvar">{{{Data.Fields.DETAIL}}}</p></td></tr><tr><td class="tkey"><br /></td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="mfooter k-table"><tbody><tr><td class="tvsepx2" colspan="3" width="100%"><br /></td></tr><tr><td class="tfull" colspan="3"><p class="tvar">Talep detaylarına aşağıdaki bağlantıdan ulaşabilirsiniz:</p></td></tr><tr><td class="tkey"><p class="tvar">xx'EErişim</p></td><td class="tsep"><p class="tvar">:</p></td><td class="tvar"><p class="tvar"><a class="tlink" href="xx"Step/{{Instance.WfDeFinitionCd}}/{{Step.StepId}}" target="_blank">xx</a> </p></td></tr></tbody></table><table cellpadding="0" cellspacing="0" class="mfooter k-table"><tbody><tr><td class="tvsep" colspan="3" valign="middle" width="100%"><br /></td></tr><tr><td class="tfoot"><p class="tfoot">Lütfen bu mesaj üzerinden yanıt vermeyiniz. / Please do not reply this message.</p></td><td class="tfoot" style="text-align:right;"><img src="http://xx/img.png" /></td></tr></tbody></table>`enter code here`

展望

GMAIL

他们俩在 Outlook 中看起来都不像的原因是什么？如果你能帮忙，我会很高兴。提前致谢。