100％的宽度表不Gmail中的Andr​​oid工作 [英] 100% width tables don't work in Gmail Android

问题描述

我试图建立一个负责任的电子邮件 - 它的实际工作pretty的全线大，除了未在Gmail中合作经营的Andr​​oid一些小件

I'm trying to build a responsive email – it's actually working pretty great across the board, except for some small pieces that aren't co-operating in Gmail for Android.

我有这些严重简单的黑色条纹的坐在电子邮件的顶部装饰元素：

I have these seriously simple black stripes that sit at the top of the email as a decorative element:

<table width="100%" cellpadding="0" cellspacing="0" align="center" valign="top">
    <tr><td width="100%" height="11" bgcolor="#000000"></td></tr>
    <tr><td width="100%" height="2" bgcolor="#FFFFFF"></td></tr>
    <tr><td width="100%" height="1" bgcolor="#000000"></td></tr>
    <tr><td width="100%" height="30" bgcolor="#FFFFFF"></td></tr>
</table>

然而，他们不显示为任何东西比黑色和白色的一小条类似的Gmail的Andr​​oid应用程序超薄的惊叹号。

Yet they don't display as anything more than a tiny strip of black and white that resembles an ultra-thin exclamation point on the Gmail Android app.

同样地，是未跨越该电子邮件的全宽页脚：

Likewise, there is a footer that isn't spanning the full width of the email:

<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#000000">
    <tr>
        <td>

        <table width="650" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#000000">
            <tr>
                <td align="right" class="footer">
                    <img src="images/footer.png" />
                </td>
            </tr>
        </table>

        </td>
    </tr>
</table>

在如何使这些产品涵盖了电子邮件的整个宽度有什么建议？

Any suggestions on how to make these span the full width of the email?

推荐答案

如果你还没有找到一个解决方法尝试

If you haven't found a solution try

风格=宽度：100％重要！像

style="width:100%!important" like

 <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#000000" style="width:100%!important">

的Gmail喜欢脱光大部分CSS的，但如果你添加一个标签！重要将让他们的大部分时间。

Gmail likes to strip most of the CSS, but if you add a label !important will keep them most of the time.

这篇关于100％的宽度表不Gmail中的Andr​​oid工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！