Html 使用smtp发送的电子邮件在gmail和outlook中看起来不同

我发送给gmail和outlook的邮件之间存在差异。它也应该看起来像Gmail中的outlook。我通过.NETMVC应用程序上的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`

body{font-family:Arial，无衬线；width:500pt；}table.mheader{margin-top:10pt；margin-left:10pt；width:500pt；border-collapse:collapse；}table.mbody{margin-left:10pt；width:500pt；border-collapse:collapse；}table.mfooter{margin-left:10pt；width:500pt；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.theader{width:500pt；vertical align:center；health:30pt；background:#c010; td{宽度：500pt；垂直对齐：中心；高度：30pt；背景：}td.tsep{宽度：2pt；垂直对齐：顶部；高度：20pt；}td.tvsep{垂直对齐：顶部；边距：2pt 2pt 2pt 7pt；高度：7pt；}td.tvsepx2{垂直对齐：顶部；边距：2pt 2pt 2pt 7pt；高度：16pt；}td.tvar{垂直对齐：顶部；宽度：448pt；高度：20pt；}td.tfoot{height:20pt；}td.tfoot{background:#f2f2f2；height:20pt；}tr.tfoot{background:#f2f2f2；}p.tkey{font size:11pt；margin:2pt 2pt 2pt 2pt 7pt；color:#1f497d；字体重量：粗体；文本对齐：左；}p.tvar{font size:11pt；margin:2pt 2pt 2pt 2pt 2pt 2pt 7pt；color:black；文本对齐：左；}p.t{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；字体样式：斜体；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 5pt 5pt 5pt；font-size:13.5pt；color:white；font-weight:bold；text-align:center；border-width:10pt；边框样式：纯色；边框颜色：#132C79；文本装饰：none}
“p>
p>p>p>
<<<<<<<<<<<<<<
T关键””>>
Talep detaylarına aşaşaţaţaţaţaţdaki baţlantţand ulaşabirirsiniz:
xx'jerişim
Lütfoot bu mesaţzerinden yanţt veryiniz>请不要在这里回复`

展望

GMAIL

他们两人在outlook中看起来不一样的原因可能是什么？如果您能提供帮助，我将非常高兴。提前谢谢