Я создал информационный бюллетень для своей работы, и он работает нормально при открытии в веб-просмотре или в мобильной почте. Но если мы увеличим или уменьшим размер шрифта в мобильной системе. Выложи сломался. Я приложил несколько кодов моего html.
<table border="0" align="center" style="display:inline-block;padding:10px;vertical-align:top;" cellpadding="0" cellspacing="0" class="img_tbl">
<tbody style="line-height: 0px;">
<tr height="100%">
<td style="vertical-align:top;text-align:left;display:inline-block;width:290px;height:238px;">
<table border="0" align="center" style="display:inline-block;" cellpadding="0" cellspacing="0" class="img_tbl">
<tbody style="line-height: 0px;">
<tr>
<td style="padding:5px 0;display: inline-block;">
<td style="padding:8px 0;display: inline-block;"><a href="http://eventseeker.com/7410-artist-air-supply" style="text-decoration:none;font-size: 18px;font-family:helvetica;font-weight:normal;color:#231f20;text-transform: uppercase;" target="_blank">Air Supply</a></td>
</tr>
<tr><td style="line-height:18px;font-family:helvetica;color:#231f20;font-size: 12px;padding: 10px 0;display: inline-block;">This is example text. please consider this as a multiline text. ... <a href="some-link" style="text-decoration:none;font-size: 12px;font-family:helvetica;font-weight:bold;color:#444444;" target="_blank">Read More</a></td></td></tr></tbody></table></td></tr></tbody></table>