发布在不同平台上显示不同的HTML电子邮件
我正在制作HTML电子邮件。现在在浏览器中它显示正常以及它应该如何。当我发送并检查不同平台时出现问题。
然而，在我发送我的网站的转发邮件中，它显示了它应该显示的内容。
它应该如何：
Gmail：
Windows 10邮件：
以下是我在电子邮件中粘贴的所有代码。
<!DOCTYPE html>
<html>
<head>
<!-- NAME: 1:2 COLUMN - FULL WIDTH -->
<!--[if gte mso 15]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<meta charset="UTF-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
<title>*|MC:SUBJECT|*</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<script src="https://use.typekit.net/pyo8wnx.js">
</script>
<script>
try{Typekit.load({ async: true });}catch(e){}
</script>
</head>
<body>
<center>
<table align="center" border="0" cellpadding="0" cellspacing="0" id="bodyTable" width="100%">
<tr>
<td align="center" id="bodyCell" valign="top">
<!-- BEGIN TEMPLATE // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr class="f1f1f1">
<td align="center" id="templateHeader" valign="top"><!--[if gte mso 9]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
<tr>
<td align="center" valign="top" width="600" style="width:600px;">
<![endif]--></td>
</tr>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0" class="templateContainer" width="100%">
<tr>
<td class="headerContainer" valign="top">
<table border="0" cellpadding="0" cellspacing="0" class="mcnImageBlock" style="min-width:100%;" width="100%">
<tbody class="mcnImageBlockOuter">
<tr>
<td class="mcnImageBlockInner" valign="top">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer" style="min-width:100%;" width="100%">
<tbody>
<tr>
<td class="mcnImageContent" style="padding-right: 9px; padding-left: 9px; padding-top: 0; padding-bottom: 0; text-align:center;" valign="top"><img align="center" alt="" class="mcnImage" src="https://gallery.mailchimp.com/953c1f15f29edc16163af3d3e/images/d02fceaa-c0cb-45a3-a6d5-5f56aaa98b6b.jpg" style="max-width:1360px; padding-bottom: 0; display: inline !important; vertical-align: bottom;" width="564"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table><!--[if gte mso 9]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
<tr>
<td align="center" id="templateBody" valign="top">
<!--[if gte mso 9]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
<tr>
<td align="center" valign="top" width="600" style="width:600px;">
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" class="templateContainer" width="100%">
<tr>
<td class="bodyContainer" valign="top">
<table border="0" cellpadding="0" cellspacing="0" class="mcnTextBlock" style="min-width:100%;" width="100%">
<tbody class="mcnTextBlockOuter">
<tr>
<td class="mcnTextBlockInner" style="padding-top:0px;" valign="top">
<!--[if mso]>
<table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tr>
<![endif]-->
<!--[if mso]>
<td valign="top" width="600" style="width:600px;">
<![endif]-->
<table align="left" border="0" cellpadding="0" cellspacing="0" class="mcnTextContentContainer templateContainerf1-shadow" style="max-width:100%; min-width:100%;" width="100%">
<tbody>
<tr>
<td class="mcnTextContent" style="padding: 9px 18px 9px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;" valign="top">
<h1><span style="font-size:18px">Beste vrienden van Funda</span></h1>
<p style="font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;"><span style="font-size:13px">Als jullie parners in print, feliciteren wij jullie met het <strong>15 jarig</strong> bestaan. Bij een verjaardag hoort natuurlijk <strong>een kado! </strong><br>
<br>
Met de code: <strong>funda15jaar</strong>. Krijg je korting op diverse producten. Deze producten zijn hieronder te vinden.<br>
<br>
Op nog vele mooie jaren.<br>
<br>
Veel liefs,</span><br>
<img data-file-id="29567" height="55" src="https://gallery.mailchimp.com/953c1f15f29edc16163af3d3e/images/42fafc76-b54e-4729-a6cf-c46d289bb936.png" style="border: 0px ; width: 200px; height: 55px; margin: 0px;" width="200"></p>
</td>
</tr>
</tbody>
</table><!--[if mso]>
</td>
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" class="templateContainer" width="100%">
<tr></tr>
<tbody class="mcnDividerBlockOuter">
<tr>
<td class="mcnDividerBlockInner" style="min-width: 100%; padding: 9px 18px;">
<table border="0" cellpadding="0" cellspacing="0" class="mcnDividerContent" style="min-width:100%;" width="100%">
<tbody>
<tr>
<td><span></span></td>
</tr>
</tbody>
</table><!--[if mso]>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
<table align="left" border="0" cellpadding="0" cellspacing="0" class="mcnTextContentContainer" style="max-width:100%; min-width:100%;" width="100%">
<tbody>
<tr>
<td class="mcnTextContent" style="padding: 0px 18px 9px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;" valign="top">
<h1 class="null"><strong style="color: #054973;font-size: 13px;"><span style="font-size:18px">KORTING OP</span></strong></h1>
<h1 class="null"><span style="color:#054973"><strong>JOUW FAVORIETEN</strong></span></h1>
</td>
</tr>
</tbody>
</table><!--[if mso]>
</td>
<![endif]-->
<!--[if mso]>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="mcnTextBlock" style="min-width:100%;" width="100%">
<tbody class="mcnTextBlockOuter">
<tr>
<td class="mcnTextBlockInner" style="padding-top:9px;" valign="top">
<!--[if mso]>
<table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tr>
<![endif]-->
<!--[if mso]>
<td valign="top" width="600" style="width:600px;">
<![endif]-->
<table align="left" border="0" cellpadding="0" cellspacing="0" class="mcnTextContentContainer" style="max-width:100%; min-width:100%;" width="100%">
<tbody>
<tr>
<td class="mcnTextContent" style="padding: 0px 18px 9px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;" valign="top">
<h1 class="null"><span style="font-family:open sans,helvetica neue,helvetica,arial,sans-serif"><span style="font-size:13px">We geven korting op je favorieten / meest bestelde producten.</span></span></h1>
</td>
</tr>
</tbody>
</table><!--[if mso]>
</td>
<![endif]-->
<!--[if mso]>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="mcnImageBlock" style="min-width:100%;" width="100%">
<tbody class="mcnImageBlockOuter">
<tr>
<td class="mcnImageBlockInner" style="padding:0px" valign="top">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer" style="min-width:100%;" width="100%">
<tbody>
<tr>
<td class="mcnImageContent" style="padding-right: 0px; padding-left: 0px; padding-top: 0; padding-bottom: 0;" valign="top"><img align="right" alt="" class="mcnImage" src="https://gallery.mailchimp.com/953c1f15f29edc16163af3d3e/images/24c856f7-7794-49cd-aae2-380d93df56fd.png" style="max-width:476px; padding-bottom: 0; display: inline !important; vertical-align: bottom;" width="476"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="mcnImageBlock" style="min-width:100%;" width="100%">
<tbody class="mcnImageBlockOuter">
<tr>
<td class="mcnImageBlockInner" style="padding:0px" valign="top">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer" style="min-width:100%;" width="100%">
<tbody>
<tr>
<td class="mcnImageContent" style="padding-right: 0px; padding-left: 0px; padding-top: 0; padding-bottom: 0;" valign="top"><img align="left" alt="" class="mcnImage" src="https://gallery.mailchimp.com/953c1f15f29edc16163af3d3e/images/597a9fb1-baad-40bf-adec-c637c4c6c1dd.png" style="max-width:476px; padding-bottom: 0; display: inline !important; vertical-align: bottom;" width="476"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="mcnImageBlock" style="min-width:100%;" width="100%">
<tbody class="mcnImageBlockOuter">
<tr>
<td class="mcnImageBlockInner" style="padding:0px" valign="top">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer" style="min-width:100%;" width="100%">
<tbody>
<tr>
<td class="mcnImageContent" style="padding-right: 0px; padding-left: 0px; padding-top: 0; padding-bottom: 0;" valign="top"><img align="right" alt="" class="mcnImage" src="https://gallery.mailchimp.com/953c1f15f29edc16163af3d3e/images/1d0bc62d-5f79-47d2-943c-4ada62b747f7.png" style="max-width:476px; padding-bottom: 0; display: inline !important; vertical-align: bottom;" width="476"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="mcnDividerBlock" style="min-width:100%;" width="100%">
<tbody class="mcnDividerBlockOuter">
<tr>
<td class="mcnDividerBlockInner" style="min-width: 100%; padding: 9px 18px;">
<table border="0" cellpadding="0" cellspacing="0" class="mcnDividerContent" style="min-width:100%;" width="100%">
<tbody>
<tr>
<td><span></span></td>
</tr>
</tbody>
</table><!--
<td class="mcnDividerBlockInner" style="padding: 18px;">
<hr class="mcnDividerContent" style="border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;" />
-->
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="mcnTextBlock templateContainerf1" style="min-width:100%;" width="100%">
<tbody class="mcnTextBlockOuter">
<tr>
<td class="mcnTextBlockInner" style="padding-top:9px;" valign="top">
<!--[if mso]>
<table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tr>
<![endif]-->
<!--[if mso]>
<td valign="top" width="600" style="width:600px;">
<![endif]-->
<table align="left" border="0" cellpadding="0" cellspacing="0" class="mcnTextContentContainer" style="max-width:100%; min-width:100%;" width="100%">
<tbody>
<tr>
<td class="mcnTextContent" style="padding: 0px 18px 9px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;" valign="top">
<h1 class="null"><strong style="color: #054973;font-size: 13px;"><span style="font-size:18px">PRODUCTEN</span></strong></h1>
<h1 class="null"><span style="color:#054973"><strong>OM TE PROBEREN</strong></span></h1>
</td>
</tr>
</tbody>
</table><!--[if mso]>
</td>
<![endif]-->
<!--[if mso]>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="mcnTextBlock templateContainerf1" style="min-width:100%;" width="100%">
<tbody class="mcnTextBlockOuter">
<tr>
<td class="mcnTextBlockInner" style="padding-top:9px;" valign="top">
<!--[if mso]>
<table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
<tr>
<![endif]-->
<!--[if mso]>
<td valign="top" width="600" style="width:600px;">
<![endif]-->
<table align="left" border="0" cellpadding="0" cellspacing="0" class="mcnTextContentContainer" style="max-width:100%; min-width:100%;" width="100%">
<tbody>
<tr>
<td class="mcnTextContent" style="padding: 0px 18px 9px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;" valign="top">
<h1 class="null" style="text-align: justify;"><span style="font-family:open sans,helvetica neue,helvetica,arial,sans-serif"><span style="font-size:13px">We geven ook korting op een aantal producten die je nooit heb besteld. Zo kan je deze ook een keer proberen. </span></span></h1>
</td>
</tr>
</tbody>
</table><!--[if mso]>
</td>
<![endif]-->
<!--[if mso]>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="mcnImageBlock templateContainerf1" style="min-width:100%;" width="100%">
<tbody class="mcnImageBlockOuter">
<tr>
<td class="mcnImageBlockInner" style="padding:0px" valign="top">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer" style="min-width:100%;" width="100%">
<tbody>
<tr>
<td class="mcnImageContent" style="padding-right: 0px; padding-left: 0px; padding-top: 0; padding-bottom: 0;" valign="top"><img align="right" alt="" class="mcnImage" src="https://gallery.mailchimp.com/953c1f15f29edc16163af3d3e/images/1d228701-15a0-48dc-aca9-e1be72269baa.png" style="max-width:479px; padding-bottom: 0; display: inline !important; vertical-align: bottom;" width="479"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="mcnImageBlock templateContainerf1" style="min-width:100%;" width="100%">
<tbody class="mcnImageBlockOuter">
<tr>
<td class="mcnImageBlockInner" style="padding:0px" valign="top">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer" style="min-width:100%;" width="100%">
<tbody>
<tr>
<td class="mcnImageContent" style="padding-right: 0px; padding-left: 0px; padding-top: 0; padding-bottom: 0;" valign="top"><img align="left" alt="" class="mcnImage" src="https://gallery.mailchimp.com/953c1f15f29edc16163af3d3e/images/a2766025-a96d-4467-9c6d-b65c6eca5292.png" style="max-width:479px; padding-bottom: 0; display: inline !important; vertical-align: bottom;" width="479"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="mcnImageBlock templateContainerf1" style="min-width:100%;" width="100%">
<tbody class="mcnImageBlockOuter">
<tr>
<td class="mcnImageBlockInner" style="padding:0px" valign="top">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer" style="min-width:100%;" width="100%">
<tbody>
<tr>
<td class="mcnImageContent" style="padding-right: 0px; padding-left: 0px; padding-top: 0; padding-bottom: 0;" valign="top"><img align="right" alt="" class="mcnImage" src="https://gallery.mailchimp.com/953c1f15f29edc16163af3d3e/images/b03d1c00-b399-4882-b3ef-32fe5e0c354d.png" style="max-width:479px; padding-bottom: 0; display: inline !important; vertical-align: bottom;" width="479"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="mcnDividerBlock templateContainerf1-botshadow" style="min-width:100%;" width="100%">
<tbody class="mcnDividerBlockOuter">
<tr>
<td class="mcnDividerBlockInner" style="min-width: 100%; padding: 9px 18px;">
<table border="0" cellpadding="0" cellspacing="0" class="mcnDividerContent" style="min-width:100%;" width="100%">
<tbody>
<tr>
<td><span></span></td>
</tr>
</tbody>
</table><!--
<td class="mcnDividerBlockInner" style="padding: 18px;">
<hr class="mcnDividerContent" style="border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;" />
-->
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="mcnDividerBlock templateContainerf1" style="min-width:100%;" width="100%">
<tbody class="mcnDividerBlockOuter">
<tr>
<td class="mcnDividerBlockInner" style="min-width: 100%; padding: 9px 18px;">
<table border="0" cellpadding="0" cellspacing="0" class="mcnDividerContent" style="min-width:100%;" width="100%">
<tbody>
<tr>
<td><span></span></td>
</tr>
</tbody>
</table><!--
<td class="mcnDividerBlockInner" style="padding: 18px;">
<hr class="mcnDividerContent" style="border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;" />
-->
</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="mcnImageBlock" style="min-width:100%;" width="100%">
<tbody class="mcnImageBlockOuter">
<tr>
<td class="mcnImageBlockInner" style="padding:9px" valign="top">
<table align="left" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer" style="min-width:100%;" width="100%">
<tbody>
<tr>
<td class="mcnImageContent" style="padding-right: 9px; padding-left: 9px; padding-top: 0; padding-bottom: 0; text-align:center;" valign="top"><img align="center" alt="" class="mcnImage" src="https://gallery.mailchimp.com/953c1f15f29edc16163af3d3e/images/0d3b67a9-6e0b-4227-8443-b3a820aee32f.png" style="max-width:250px; padding-bottom: 0; display: inline !important; vertical-align: bottom;" width="250"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table><!--[if gte mso 9]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
<tr>
<td align="center" id="templateColumns" valign="top">
<table border="0" cellpadding="0" cellspacing="0" class="templateContainer" width="100%">
<tr>
<td valign="top">
<!--[if gte mso 9]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
<tr>
<td align="center" valign="top" width="300" style="width:300px;">
<![endif]-->
<table align="left" border="0" cellpadding="0" cellspacing="0" class="columnWrapper" width="300">
<tr>
<td class="columnContainer" valign="top"></td>
</tr>
</table><!--[if gte mso 9]>
</td>
<td align="center" valign="top" width="300" style="width:300px;">
<![endif]-->
<table align="left" border="0" cellpadding="0" cellspacing="0" class="columnWrapper" width="300">
<tr>
<td class="columnContainer" valign="top"></td>
</tr>
</table><!--[if gte mso 9]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" id="templateFooter" valign="top">
<!--[if gte mso 9]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
<tr>
<td align="center" valign="top" width="600" style="width:600px;">
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" class="templateContainer" width="100%">
<tr>
<td class="footerContainer" valign="top"></td>
</tr>
</table><!--[if gte mso 9]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table><!-- // END TEMPLATE -->
</center>
</body>
</html>
由于字符限制而没有css。
0 个答案:
没有答案
相关问题
最新问题
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？