Email 包含100%宽度图像的固定宽度表-缺少右边框

Email 包含100%宽度图像的固定宽度表-缺少右边框,email,border,Email,Border,我正在创建一封响应性HTML电子邮件。在较大的视口中,我的桌子的宽度固定为600px。表内为100%宽度的图像,边框为1px。在某些电子邮件客户端中,右侧边框不显示。我想这是因为100%宽度加上2px大于600px?我如何克服这个问题 我的图像有display:block(如果感兴趣的话)。我试过框大小:边框框,但似乎不起作用。。。我是否将此样式添加到图像或表中,或者两者都添加,在哪里将其添加到代码中 谢谢你的帮助 马克我自己还没有尝试过,但其中一个应该适合你。这是一种流动技术,可以(希望)在任

我正在创建一封响应性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>