HTML Emailer пограничный вопрос - PullRequest
Новая
       99

HTML Emailer пограничный вопрос

0 голосов
/ 18 марта 2020

Я создал HTML электронное письмо, и у меня, похоже, возникают проблемы с некоторыми перспективами и мобильными перспективами с границами ячеек таблицы. Я прикрепил изображение проблемы, и кажется, что там, где находятся ячейки таблицы, есть тонкие линии.

Line issues

CSS

    html { width: 100%; }
    body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; margin: 0; padding: 0; }
    table { border-spacing: 0; border-collapse: collapse; }
    table td { border-collapse: collapse; font-family: Arial,sans-serif; line-height:1.4 }

HTML

<table  width="600" border="0" cellpadding="0" cellspacing="0" bgcolor="006680" align="center">
            <tr>
                <td height="10" bgcolor="fd6b0d"></td>
            </tr>
        </table>


        <table  width="600" border="0" cellpadding="0" cellspacing="0" bgcolor="006680" align="center">
            <tr>
                <td width="50" bgcolor="fd6b0d"></td>
                <td bgcolor="fd6b0d">
                    <p style="font-family: Verdana; font-size: 28px; color: #fff; margin: 0; padding: 0; line-height: 60px; text-align: center; font-weight: bold;">
                        How Confident Are You?
                    </p>

                </td>
                <td width="50" bgcolor="fd6b0d"></td>
            </tr>
        </table>

1 Ответ

0 голосов
/ 25 марта 2020

Я думал, что это распространенная проблема, известная как Ошибка строки Outlook , но это не так.

Я не мог видеть строки в настольных версиях, но только на мобильных устройствах. - потому что ваш шаблон не отвечает. Таким образом, механизм визуализации Outlook добавляет оболочку «outlook-overflow-scaling» вокруг ваших таблиц, чтобы компенсировать это.

Если вы должны сделать свою таблицу отзывчивой (например, использовать ширину 100%), она не нужно пытаться масштабировать электронную почту.

...