[英]Formatting email layout issue Outlook 2013 - Windows 7
我修改了一個電子郵件模板(來自Campaign Monitor),該模板具有響應能力,並且可以在大多數電子郵件瀏覽器上使用。
但是,電子郵件標頭在Outlook 2013,Windows 7上遇到格式化問題。
我搞砸了格式內聯,並使用CSS嘗試尋找解決方案。
正確的電子郵件
Outlook 2013,Windows 7
我創建了一個JSFiddle來檢查HTML代碼: https ://jsfiddle.net/jeremyccrane/wz4Ly555/
<!--[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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.