我正在尝试构建一个响应式电子邮件 - 它实际上在所有方面都运行良好,除了一些在 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 许可协议
如果您还没有找到解决方案,请尝试
style=“width:100%!important” 喜欢
Gmail 喜欢剥离大部分 CSS,但如果您添加标签 !important 大部分时间都会保留它们。