2016-07-28 2 views
0

Мы сделали html-адрес электронной почты с темными фонами, все идеально, за исключением тонких белых границ в ios. У этого есть странное поведение внешнего вида: bordera появляется только в оригинальном размере, когда мы увеличиваем экран только горизонтальный один остается. Некоторые идеи, как мы можем это исправить? Скриншоты и фрагмент кода ниже https://postimg.org/image/6l32f0cbl/ https://postimg.org/image/rw0mj9ug1/white border on html email in ios

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

ответ

3

Это обычно происходит, когда вы применить цвет фона для двух или более ячеек таблицы индивидуально. Чтобы решить проблему, добавьте фоновый цвет в родительскую таблицу.

Найдено 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>

+0

Я была такая же проблема в последнее время. Это исправило это и для меня! Отличный ответ! – Niqql