Html 格式化电子邮件布局问题Outlook 2013-Windows 7
我修改了一个电子邮件模板(来自Campaign Monitor),该模板响应迅速,适用于大多数电子邮件浏览器 但是,Outlook 2013、Windows 7上的电子邮件标题遇到了格式问题 我搞乱了内联格式和使用CSS试图找到解决方案 正确的电子邮件 Outlook 2013,Windows 7 我创建了一个JSFIDLE来查看HTML代码:Html 格式化电子邮件布局问题Outlook 2013-Windows 7,html,css,email,outlook,Html,Css,Email,Outlook,我修改了一个电子邮件模板(来自Campaign Monitor),该模板响应迅速,适用于大多数电子邮件浏览器 但是,Outlook 2013、Windows 7上的电子邮件标题遇到了格式问题 我搞乱了内联格式和使用CSS试图找到解决方案 正确的电子邮件 Outlook 2013,Windows 7 我创建了一个JSFIDLE来查看HTML代码: 我在Litmus中测试了JSFIDLE中的html,看起来很不错 你能再解释一下如何获得两个红色区域的谢谢@joris ros。在Litmus中
我在Litmus中测试了JSFIDLE中的html,看起来很不错
你能再解释一下如何获得两个红色区域的谢谢@joris ros。在Litmus中,它似乎呈现正确,但当在客户端收件箱中收到电子邮件时,它呈现不正确。您是否了解有关特定配置的更多信息?Litmus在windows 7上制作了屏幕截图,我唯一想到的是渲染引擎依赖于旧的IE版本或类似的版本。我相信Exchange 2007/2010/2013使用的渲染引擎是内置在Exchange中的microsoft word HTML viewer。不知道Litmus是如何使用他们的软件呈现的。
<!--[if mso]>
<body class="mso">
<![endif]-->
<!--[if !mso]><!-->
<body class="half-padding" style="margin: 0;padding: 0;min-width: 100%;background-color: #E7E7E7;">
<!--<![endif]-->
<center class="wrapper" style="display: table;table-layout: fixed;width: 100%;min-width: 620px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;background-color: #E7E7E7;">
<table class="header centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto; width: 600px;">
<tbody>
<tr>
<td style="padding: 0;vertical-align: top;">
<table class="one-col" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;width: 600px;background-color: #ffffff;table-layout: fixed;" emb-background-style>
<tbody>
<tr>
<td class="column" style="padding: 0;vertical-align: top;">
<table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%; background:#EE3524;">
<tbody>
<tr>
<td class="remove-padding" style="padding: 0;vertical-align: top;padding-left: 0px;padding-right: 0px;word-break: break-word;word-wrap: break-word;">
<div class="image" style="font-style: normal;font-weight: 400;Margin-bottom: 0;Margin-top: 0;font-family: sans-serif;color: #000;" align="center">
<img style="border: 0;-ms-interpolation-mode: bicubic;display: block;" src="https://www.dropbox.com/s/bif26pxsl39mv5u/HEADER.png?raw=1" class="" width="600px"/>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</body>
</html>