Android 有没有关闭Gmail应用程序的方法；电子邮件中的自动调整大小功能'；什么样的布局？

我正在设计一封可以跨浏览器和移动平台查看的电子邮件，大部分情况下一切都进展顺利。它被放在表格中，使用内联样式等。然而，尽管媒体查询的最大宽度为600px，但至少我和我可以访问的另一个Android上的Gmail应用程序选择调整图像大小和布局以适应其区域，而不是使用媒体查询或让其正常适应窗口，两个都可以

对于个人用途，我可以在手机上“关闭自动调整大小”，然后电子邮件就会像在浏览器中一样显示出来

有没有办法告诉Gmail应用程序不要根据电子邮件大小自动调整大小，或者改用媒体查询？

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

然后在跨越页面全宽的图像上设置

style

属性（

style=“minwidth:600px；”“

）。所有内容都将正确布局，并且可以滚动

Gmail一般不支持媒体查询，也不支持样式标签，这就是为什么我们必须将所有内容内联移动的原因。

正如谷歌本身所做的那样（原文如此！）您应该在模板顶部添加一个小补丁，就在您的

标签之后：

<!-- Gmail hack -->
<div style="display:none; white-space:nowrap; font:15px courier; color:#ffffff; line-height:0; width:600px !important; min-width:600px !important; max-width:600px !important;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</div>
<!-- /Gmail hack -->

由于Gmail和Inbox将忽略显示：无，黑客将只影响这两个客户端。

我刚刚在最外层的表中添加了style=“min-width:290px；”，这是我的响应电子邮件视图的最小尺寸，它在我的块中停止移动，并且不会自动调整大小。这意味着在Gmail应用程序中，电子邮件显示为一封完整的电子邮件。

受此启发，这段代码解决了我的问题。 将其放在

的正前方

---

（使用Android 5.0.1上的Gmail 6.0和Inbox 1.20进行测试，分辨率为720x1280（适用于纵向和横向）。

不幸的是，我正在通过CRM作为电子邮件活动的中介，实际上我无法在

中放入任何内容。尽管在我的测试中，我并没有发现这真的能很好地发挥作用，但有没有办法在

之外使用（或产生同样的效果）这样的元标记而不破坏互联网？哇，好的。我很少改变我的想法，所以你是否可以至少为你所有的电子邮件设置一个全局的“？你可以把meta标签放在头的外面，但我也不推荐。如果你在acid或litmus上通过电子邮件运行它，你可以看到它的外观。石蕊花一周是免费的，你可以看到所有的客户。如果您正在执行媒体查询/响应电子邮件，您确实需要该视口标记。在手机上横向滚动是一个很大的禁忌。如果你想测试，默认的邮件应用程序支持媒体查询和样式标记。是的，我在Acid上使用电子邮件，不幸的是，在经历CRM的变化情况时，没有一个移动设备能够正确解释它。不过，我的主体顶部有viewport标签。它适用于ios gmail应用程序，但不适用于android gmail appBummer。。它在两个平台上都能工作，但我现在可以在我的Android手机上重现这个问题。@duchuy正在我的联想手机（960*540，Android 4.4）上工作。你从哪里得到290px的？这是唯一对我有效的解决方案。我不需要标签，只是s工作正常。

<table class="gmail-app-fix">
    <tr>
        <td>
            <table cellpadding="0" cellspacing="0" border="0" align="center" width="600">
                <tr>
                    <td cellpadding="0" cellspacing="0" border="0" height="1"; style="line-height: 1px; min-width: 200px;">
                        <img src="transparent.gif" width="200" height="1" style="display: block; max-height: 1px; min-height: 1px; min-width: 200px; width: 200px;"/>
                    </td>
                    <td cellpadding="0" cellspacing="0" border="0" height="1"; style="line-height: 1px; min-width: 200px;">
                        <img src="transparent.gif" width="200" height="1" style="display: block; max-height: 1px; min-height: 1px; min-width: 200px; width: 200px;"/>
                    </td>
                    <td cellpadding="0" cellspacing="0" border="0" height="1"; style="line-height: 1px; min-width: 200px;">
                        <img src="transparent.gif" width="200" height="1" style="display: block; max-height: 1px; min-height: 1px; min-width: 200px; width: 200px;"/>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>