android - Autofit gmail 应用程序，电子邮件设计

Question

我在设计电子邮件时遇到了 Android 和 iPhone 中 gmail 应用程序的自动调整功能的问题。

该电子邮件在其他客户中表现良好。

为了防止自动，到目前为止我已经尝试过:

• 在表格/包装器上设置最大宽度和最小宽度

• 像这样添加元视口(viewport):

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  

这些都不起作用。

你有什么想法吗？

Answer 1

我遇到了同样的问题。我添加了 min-width，不仅是表格，还有列 (td) 标签。这似乎覆盖了 Gmail 的自动调整功能。

下面是我如何实现它的示例。我从这个论坛找到了答案:https://www.emailonacid.com/forum/viewthread/566/#827

<table width="590" height="900" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto; min-width:590px;">
  <tr>
    <td style="font-size: 1px; line-height: 1%; mso-line-height-rule: exactly; min-width:295px;">
      <a href="#">
        <img style="display:block;border:0px;line-height:50%;" src="example.jpg" width="295" height="900" alt="">
      </a>
    </td>
    <td style="font-size: 1px; line-height: 1%; mso-line-height-rule: exactly; min-width:295px;">
      <a href="#">
        <img style="display:block;border:0px;line-height:50%;" src="example.jpg" width="295" height="900" alt="">
      </a>
    </td>
  </tr>
</table> 

如您所见，我将表格的最小宽度设置为 590px；每列 (td) 的最小宽度为 295px。与图像大小相同。