Email 包含100%宽度图像的固定宽度表-缺少右边框
我正在创建一封响应性HTML电子邮件。在较大的视口中,我的桌子的宽度固定为600px。表内为100%宽度的图像,边框为1px。在某些电子邮件客户端中,右侧边框不显示。我想这是因为100%宽度加上2px大于600px?我如何克服这个问题 我的图像有display:block(如果感兴趣的话)。我试过框大小:边框框,但似乎不起作用。。。我是否将此样式添加到图像或表中,或者两者都添加,在哪里将其添加到代码中 谢谢你的帮助Email 包含100%宽度图像的固定宽度表-缺少右边框,email,border,Email,Border,我正在创建一封响应性HTML电子邮件。在较大的视口中,我的桌子的宽度固定为600px。表内为100%宽度的图像,边框为1px。在某些电子邮件客户端中,右侧边框不显示。我想这是因为100%宽度加上2px大于600px?我如何克服这个问题 我的图像有display:block(如果感兴趣的话)。我试过框大小:边框框,但似乎不起作用。。。我是否将此样式添加到图像或表中,或者两者都添加,在哪里将其添加到代码中 谢谢你的帮助 马克我自己还没有尝试过,但其中一个应该适合你。这是一种流动技术,可以(希望)在任
马克我自己还没有尝试过,但其中一个应该适合你。这是一种流动技术,可以(希望)在任何大小的视口上的任何电子邮件客户端中工作:
<!-- Simple - but will have the image area set as the border color (black) when image is not loaded -->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" bgcolor="#000000" style="padding:1px;">
<img alt="" src="http://placehold.it/350x350" width="100%" style="margin: 0; border: 0; padding: 0; display: block;">
</td>
</tr>
</table>
<br><br>
<!-- Setting a background color in a nested table to hide border color -->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" bgcolor="#000000" style="padding:1px;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td>
<img alt="" src="http://placehold.it/350x350" width="100%" style="margin: 0; border: 0; padding: 0; display: block;">
</td>
</tr>
</table>
</td>
</tr>
</table>