100% 宽度的表格在 Gmail Android 中不起作用

新手上路,请多包涵

我正在尝试构建一个响应式电子邮件 - 它实际上在所有方面都运行良好,除了一些在 Android 版 Gmail 中不合作的小部分。

我有这些非常简单的黑色条纹,它们位于电子邮件的顶部作为装饰元素:

 <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 Android 应用程序上的超薄感叹号的黑色和白色的细小条带。

同样,有一个页脚没有跨越电子邮件的整个宽度:

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

关于如何使这些跨越电子邮件的整个宽度有什么建议吗?

原文由 nebulousecho 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 347
2 个回答

如果您还没有找到解决方案,请尝试

style=“width:100%!important” 喜欢

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

Gmail 喜欢剥离大部分 CSS,但如果您添加标签 !important 大部分时间都会保留它们。

原文由 JoePhillips 发布,翻译遵循 CC BY-SA 3.0 许可协议

因此,通过将 min-width:100% 添加到

来提醒 Gmail,100% 表示 100%。

资源

原文由 insulaner 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题