HTML电子邮件未在Android电子邮件上显示全宽答案

【问题标题】：HTML email not showing full width on android emailHTML电子邮件未在Android电子邮件上显示全宽
【发布时间】：2014-07-10 16:47:30
【问题描述】：

我有一个 HTML 电子邮件，它使用表格并且没有样式，可以在 iphone 和其他电子邮件程序上很好地查看，但在 Android 手机上，它显示放大并且你不能捏来缩小它。

我是否可以强制电子邮件程序全屏查看并允许缩小？

【问题讨论】：

标签： android html email zooming

【解决方案1】：

我认为电子邮件是使用内联 CSS 和表格创建的，

桌面喜欢以 % 为单位的宽度以覆盖整个宽度，Apple 产品会对此进行调整，但 Android 需要以 px 为单位。试试这个：

<body style='width:100%; min-width:600px; ' >....</body>

另外参考一篇基于优化 Android 设备电子邮件设计的文章？

http://www.campaignmonitor.com/blog/post/3638/why-cant-i-get-my-html-email-to-look-great-on-android-devices

【讨论】：

【解决方案2】：

上述解决方案并非在所有情况下都有效。我们已经在网络上看到了许多不同的解决方案，例如声明视口元数据，例如：

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

或身体：

<body style='width:100%; min-width:600px; ' >

他不是为我们工作的简单电子邮件。

另一种解决方案是每次您想创建新行时将表格放入 TD 中，例如并将 td 宽度设置为 600px 宽度： --- 您的内容 ---

这个好像有点烦我们。

在所有情况下对我们都有效的解决方案是将所有电子邮件的内容包装在指定宽度为 600px 的 td 中，并将其显示为一个块，如下所示：

<table width="600" align="center">
<tr>
<td width="600" style="min-width:600px;display:block;">
--- HERE GOES YOUR EMAILING STARTING WITH A TABLE ---
<table>
<tr>
<td> HELLO THIS MY EMAIL</td>
</tr>
</table>
</td>
</tr>
</table>

【讨论】：