ios中html电子邮件上的白色边框答案

【问题标题】：white border on html email in iosios中html电子邮件上的白色边框
【发布时间】：2016-07-28 11:14:38
【问题描述】：

我们做了深色背景的 html 电子邮件，除了 ios 中的白色细边框外，其他一切都很完美。它具有奇怪的外观行为：边框仅以原始大小出现，当我们缩放屏幕时，仅水平方向停留。一些想法我们如何解决它？截图和代码sn-p如下 https://postimg.org/image/6l32f0cbl/ https://postimg.org/image/rw0mj9ug1/

<table style="width: 600px; border-collapse: collapse;"  cellspacing="0" cellpadding="0">
<tr>
<td style="width:200px; border-collapse: inherit; background-color: #000;" cellspacing="0" cellpadding="0" align="center"><img src="http://static.beeline.kz/pics/VIP/bundle.png"></td>
<td style="width:200px; border-collapse: inherit; background-color: #000;" cellspacing="0" cellpadding="0" align="center"><img src="http://static.beeline.kz/pics/VIP/call.png"></td>
<td style="width:200px; border-collapse: inherit; background-color: #000;" cellspacing="0" cellpadding="0" align="center"><img src="http://static.beeline.kz/pics/VIP/delivery.png"></td>
</tr>
<tr>
<td style="width:200px; border-collapse: collapse; background-color: #000;" cellspacing="0" cellpadding="0"><div style="font-size:12px; font-family: Arial,Helvetica, Sans-serif; font-weight: bold; line-height: 25px; color: #ffffff; text-align: center; padding: 20px 0px 20px 0px;">Большие пакеты минут<br>и Интернет трафика,<br>для звонков по Казахстану<br>и в роуминге</div></td>
<td style="width:200px; border-collapse: collapse; background-color: #000;" cellspacing="0" cellpadding="0"><div style="font-size:12px; font-family: Arial,Helvetica, Sans-serif; font-weight: bold; line-height: 25px; color: #ffffff; text-align: center; padding: 20px 0px 20px 0px;">Приоритет в Call-center,<br>Офисах продаж<br>и обслуживани</div></td>
<td style="width:200px; border-collapse: collapse; background-color: #000;" cellspacing="0" cellpadding="0"><div style="font-size:12px; font-family: Arial,Helvetica, Sans-serif; font-weight: bold; line-height: 25px; color: #ffffff; text-align: center; padding: 20px 0px 20px 0px;">Доставка купленного<br>номера в любую<br>точку Казахстана</div></td>
</tr>
</table>

【问题讨论】：

标签： html ios css html-email

【解决方案1】：

当您将背景颜色分别应用于两个或多个表格单元格时，通常会发生这种情况。为了解决它，将背景颜色添加到父表。

找到here。

<table style="width: 600px; border-collapse: collapse; background-color: #000;"  cellspacing="0" cellpadding="0">
<tr>
<td style="width:200px; border-collapse: inherit;" cellspacing="0" cellpadding="0" align="center"><img src="http://static.beeline.kz/pics/VIP/bundle.png"></td>
<td style="width:200px; border-collapse: inherit;" cellspacing="0" cellpadding="0" align="center"><img src="http://static.beeline.kz/pics/VIP/call.png"></td>
<td style="width:200px; border-collapse: inherit;" cellspacing="0" cellpadding="0" align="center"><img src="http://static.beeline.kz/pics/VIP/delivery.png"></td>
</tr>
<tr>
<td style="width:200px; border-collapse: collapse;" cellspacing="0" cellpadding="0"><div style="font-size:12px; font-family: Arial,Helvetica, Sans-serif; font-weight: bold; line-height: 25px; color: #ffffff; text-align: center; padding: 20px 0px 20px 0px;">Большие пакеты минут<br>и Интернет трафика,<br>для звонков по Казахстану<br>и в роуминге</div></td>
<td style="width:200px; border-collapse: collapse;" cellspacing="0" cellpadding="0"><div style="font-size:12px; font-family: Arial,Helvetica, Sans-serif; font-weight: bold; line-height: 25px; color: #ffffff; text-align: center; padding: 20px 0px 20px 0px;">Приоритет в Call-center,<br>Офисах продаж<br>и обслуживани</div></td>
<td style="width:200px; border-collapse: collapse;" cellspacing="0" cellpadding="0"><div style="font-size:12px; font-family: Arial,Helvetica, Sans-serif; font-weight: bold; line-height: 25px; color: #ffffff; text-align: center; padding: 20px 0px 20px 0px;">Доставка купленного<br>номера в любую<br>точку Казахстана</div></td>
</tr>
</table>

【讨论】：

我最近遇到了同样的问题。这也为我解决了！很好的答案！