iOS邮件中的HTML签名_Html_Ios_Css_Email

iOS邮件中的HTML签名

html ios css email

iOS邮件中的HTML签名,html,ios,css,email,Html,Ios,Css,Email,我在iOS中的邮件应用程序调整HTML签名的图像和文本时遇到问题，我有另一个HTML签名，它似乎没有调整大小，但这一个是。在iOS邮件应用程序上查看时，文本和图像的大小远远超过了应有的大小。我尝试了大量不同的视口元标记变体，但没有成功以下是我的电子邮件签名的HTML代码： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <met

我在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:test@test.com">name@unbiased-advice.co.uk</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;">anyone@unbiased-advice.co.uk</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:unsubscribeme@unbiased-advice.co.uk">click here</a> (<a style="color: inherit;">unsubscribeme@unbiased-advice.co.uk</a>) and we will remove your address from future mailings.</p>
      </td>
   </tr>
  </tbody>
</table>

</body>

</html>


亲切问候,，
名姓
01722 123 456 | 
“直截了当的建议……白纸黑字”
|
威尔特郡索尔兹伯里布朗街Chequers Court 35号，邮编：SP1 2AS
赫斯特金融咨询有限公司由金融行为管理局授权并监管投资和抵押咨询（参考号448150）
我们公司的注册办公地址是：威尔特郡索尔兹伯里布朗街35号Chequers Court，SP1 2AS。公司注册号5616157
我们对任何电子邮件的内容不承担任何责任，因为互联网通信不一定安全
提交的观点或意见是作者的观点或意见，不一定代表赫斯特金融咨询有限公司的观点或意见
通过电子邮件回复此邮件作者的任何人（或使用(unsubscribeme@unbiased-advice.co.uk），我们将从以后的邮件中删除您的地址

要修正字体大小：尝试使用

px

而不是

pt

。后者通常用于打印介质，但可能无法在屏幕上正确显示

要修复图像，请执行以下操作：

width

标记当前已被弃用。您可以使用CSS指定宽度，如下所示：

style="width:150px

如果让我猜的话……我会说，这是因为您使用的字体大小是pt。一般来说，pt应该只在印刷媒体中使用，而不应该在屏幕媒体中使用，因为DPI的计算方式不同。您可以尝试更改为px，看看这是否有帮助。我确实尝试过，但不幸的是没有修复它，文本有点smaller但是图像仍然很大。当我第一次加载电子邮件时，当它加载图像时，你可以看到它的显示方式，然后当图像完全加载时，它会放大所有内容。有趣的是…你可能还想为你的图像宽度指定px…我看到你的所有宽度都设置为

width=“150”

不指定150 what…我不确定这会导致什么行为。最好将宽度指定为

width=150px

，以查看这是否有助于解决图像问题。从技术上讲，

width

标记的使用已被弃用了一段时间。这也可能是导致问题的原因。宽度确实应该被指定为

style=“width:150px”

。这样做了，我没有意识到它将使用HTML 5，我在其他签名的img标记中使用了宽度属性，这是奇怪的。你想将此作为答案发布，以便我可以将其标记为正确吗？