Мне было поручено обновить баннер нашей компании к концу этой недели. Я не дизайнер электронной почты, поэтому мне нужно было использовать текущий шаблон, поменять баннер и провести исследование Google. Он выглядит великолепно в Outlook и веб-версии и был очень горд собой. Тем не менее, я решил попробовать проверить его в своем Gmail, а также проверить мой Outlook через мой телефон, и это выглядит ужасно! Как выкачивать!
В Outlook размер шрифта идеален и идеально отцентрирован. На моем телефоне и на рабочем столе в Gmail текст намного меньше и остается в левом верхнем углу. Код вставлен ниже (убрал баннер нашей компании и заменил на Shutterstock для размещения здесь). Есть ли способ перенести этот формат на все платформы?
<table border="0" cellpadding="0" cellspacing="0" class="headerCopy" style="max-height: 132px; min-height: 132px;" width="100%">
<tbody>
<tr>
<td background="https://image.shutterstock.com/image-photo/holographic-iridescent-surface-wrinkled-foil-260nw-1090516967.jpg" bgcolor="#0033a0" name="Cont_0" style="background-repeat: no-repeat; background-size: 100%; max-width: 100%" valign="top"><!--[if mso]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:132px;">
<v:fill type="tile" src="https://image.shutterstock.com/image-photo/holographic-iridescent-surface-wrinkled-foil-260nw-1090516967.jpg" color="#0033a0" />
<v:textbox inset="0,0,0,0">
<table border="0" cellspacing="0" cellpadding="0" align="center" width="600"><tr><td width="40"> </td><td align="left" valign="top" width="540"><![endif]-->
<div>
<p align="left" style="font-size: 40px; color: #0033A0; margin-left: 82px; margin-top: 46px; 0"><strong>Test Text Placement</strong></p>
</div>
<!--[if mso]><td width="20"> </td></tr></table>
</v:textbox>
</v:rect>
<![endif]--></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
Gmail версия