HTML-подпись в iOS Mail

0

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

Вот код HTML для моей электронной почты:

<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width" />
</head>

<body style="word-wrap: break word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; font-family: Tahoma;">

<table cellspacing="0" cellpadding="6" border="0" style="color: #333;" width="480">
  <tbody>
    <tr>
      <td width="130" rowspan="6" style="width: 1px;"><a href="http://www.unbiased-advice.co.uk/" target="_blank"><img width="130" style="padding-right: 22px; border-right: 1px solid #EEE;" src="http://www.unbiased-advice.co.uk/email-signature/email-logo.gif"/></a></td>
      <td width="350" style="padding: 6px 0 0 13px; font-size: 9pt; color: #444; table-align: left;">Kind Regards,</td>
    </tr>
    <tr>
      <td style="padding: 5px 0 6px 13px;"><span style="font-size: 17pt;">Forename Surname</span></td>
    </tr>
    <tr>
      <td rowspan="2" style="padding: 0 0 0 13px;"><img src="http://www.unbiased-advice.co.uk/email-signature/ian-hurst-signature.gif" /></td>
    </tr>
    <tr>
    </tr>
    <tr>
      <td style="padding: 6px 0 0px 13px; font-size: 10pt;">01722 123 456 <span style="color: #DDD;">|</span> <a style="color: inherit;" href="mailto:[email protected]">[email protected]</a></td>
    </tr>
    <tr>
      <td><span style="padding: 6px 0 0px 5px; font-style: italic; font-size: 12px;">"Straight Forward Advice... In Black and White"</span></td>
    </tr>
    <tr>
      <td style="padding: 12px 0 6px 6px; font-size: 10pt;" colspan="2">
        <a href="https://www.facebook.com/HurstFinancial"><img src="http://www.unbiased-advice.co.uk/email-signature/facebook-logo.gif" style="display: inline-block; margin: 0 5px 0 0; vertical-align: top;"/></a><a style="color: inherit;" href="https://www.facebook.com/HurstFinancial">Facebook</a>
        <a href="https://www.facebook.com/HurstFinancial"><img src="http://www.unbiased-advice.co.uk/email-signature/twitter-logo.gif" style="display: inline-block; margin: 0 5px 0 5px; vertical-align: top;"/></a><a style="color: inherit;" href="https://twitter.com/hurstfinancial">Twitter</a> <span style="color: #DDD;">|</span>
        <a style="color: inherit;" href="http://www.unbiased-advice.co.uk">www.unbiased-advice.co.uk</a>
    </tr>
    <tr>
      <td colspan="2" style="padding: 5px 0 1px 6px; font-size: 10pt; color: #555;">35 Chequers Court, Brown Street, Salisbury, Wiltshire, SP1 2AS</td>
    </tr>
    <tr>
      <td colspan="2" style="font-size: 8pt; color: #AAA; padding-top: 12px;">
        <p>Hurst Financial Consultancy Limited is authorised and regulated for investment and mortgage advice by the Financial Conduct Authority Ref 448150.</p>
        <p>Our company registered office is: 35 Chequers Court, Brown Street, Salisbury, Wiltshire, SP1 2AS. Co. Registration Number 5616157.</p>
        <p>We accept no responsibility for the content of any e-mail as internet communications are not necessarily secure.</p>
        <p>Views or opinions presented are those of the author and do not necessarily represent those of Hurst Financial Consultancy Ltd.</p>
        <p>Anyone replying by e-mail to the author of this message (or e-mailing anyone else using the <a style="color: inherit;">[email protected]</a> address) is advised that such e-mails may be<br> read by persons other than the intended recipient.</p>
        <p>No responsibility for viruses is assumed but reasonable steps are taken to ensure e-mail is virus free.</p>
        <p>If at any time you would prefer not to receive email from us please <a style="color: inherit;" href="mailto:[email protected]">click here</a> (<a style="color: inherit;">[email protected]</a>) and we will remove your address from future mailings.</p>
      </td>
   </tr>
  </tbody>
</table>

</body>

</html>
  • 0
    Если бы мне пришлось угадывать ... Я бы сказал, что это потому, что вы используете pt для размеров шрифта. Как правило, pt следует использовать только в печатных материалах, но не на экранах из-за разницы в способах расчета DPI. Вы можете попробовать изменить на px, чтобы посмотреть, поможет ли это.
  • 0
    Я попробовал, и, к сожалению, это не помогло, текст был немного меньше, но изображения все еще велики. Когда я загружаю письмо в первый раз, когда оно загружает изображения, вы можете видеть, как оно должно отображаться, а когда изображения полностью загружены, оно масштабируется все.
Показать ещё 4 комментария
Теги:
email

1 ответ

0
Лучший ответ

Чтобы исправить размер шрифта:

Попробуйте использовать px вместо pt. Последний обычно используется для печатных носителей, но может отображаться неправильно на экране.

Чтобы исправить изображения:

Тег width в настоящее время не рекомендуется. Вы можете указать ширину с помощью CSS, например:

style="width:150px
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню