包含100％寬度圖像的固定寬度表 - 邊框右側缺失

我正在創建響應式HTML電子郵件。在較大的視口中，我的表格固定寬度爲600px。桌子內部是1px邊框的100％寬度圖像。在某些電子郵件客戶端中，右側邊框未顯示。我認爲這是因爲100％寬度加上2px超過600px？我如何克服這一點？包含100％寬度圖像的固定寬度表 - 邊框右側缺失

我的圖像顯示：block（如果感興趣）。我試過盒子大小：邊框，但它似乎並沒有工作...我添加這種風格的圖像或表，或兩者，我在哪裏添加到我的代碼？

感謝所有幫助

馬克

來源

2014-03-24 user2991837

我還沒有這種嘗試自己，但這些應該爲你工作。這是一種流暢的技術，可以在任何大小的視口上的任何電子郵件客戶端上工作（希望）：

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

來源

2014-03-24 20:17:44 John

包含100％寬度圖像的固定寬度表 - 邊框右側缺失

回答

相關問題