Question

我已经构建了一封适用于大多数电子邮件客户端的响应式电子邮件

但是在Outlook中，不会考虑使内容600变宽的父表 - 导致布局中断。 >Image of broken email in outlook

我真的被困住了。有谁知道为什么会发生这种情况？

我的代码的JS小提琴 - ＆gt; https://jsfiddle.net/2m05tzf5/

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<td>
<center>
<!--[if (gte mso 9)|(IE)]>
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;" class="emailwrapto100pc" id="content">

Answer 1

尝试使用CSS table{table-layout: fixed; width: 600px;}。请记住，并非所有电子邮件解析器都支持所有属性和CSS规则

宽度=＆＃34; 600＆＃34;在Outlook中未尊重父表

1 个答案: