Question

我有一个HTML电子邮件，它使用表格，没有样式，可以在iPhone和其他电子邮件程序上正常查看，但在Android手机上，它显示放大，你无法缩小以缩小它

无论如何，我可以强制电子邮件程序查看全屏并允许缩小吗？

Answer 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

Answer 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>

HTML电子邮件未显示Android电子邮件的全宽

2 个答案: