Question

我在HTML中制作了一个电子邮件签名，似乎遵循了大多数指南（表格，内联样式等），并且在大多数客户端看起来相当不错。但是，在Outlook上看起来一定很奇怪，这是从Outlook收到回复后它返回我的电子邮件客户端的方式：

email signature from Outlook

徽标完全没问题，但社会徽标得到了很大的改进。该 code is on fiddle，但这是图像代码的样子：

<td valign="middle" style="padding: 0px 8px 0px 0px; border: 0px; outline: none;">
  <div style="margin: 0px; padding: 0px; border: 0px; outline: none; float: left;">
    <img width="110" height="60" src="https://i.imgur.com/FjK5XfG.png" style="border: none; vertical-align: middle;">
  </div>

<span>
  <span>
    <a href="https://www.facebook.com/ChemProChemistryTutor/" target="_blank" style="color: rgb(0, 0, 0); text-decoration: none; outline: none; border: none; font-size: 11px; font-family: arial; background: transparent; display: inline-block;width: 7px;height: 15px;margin-right: 15px;">
      <img src="http://i.imgur.com/zrHJLme.png" width="7px" height="15px">
    </a>
    <a href="https://twitter.com/101educ" target="_blank" style="color: rgb(0, 0, 0); text-decoration: none; outline: none; border: none; font-size: 11px; font-family: arial; background: transparent; display: inline-block;width: 16px;height: 13.5px;margin-right: 15px;">
      <img src="http://i.imgur.com/psyZ0A1.png" width="16px" height="13.5px">
    </a>
    <a href="https://www.linkedin.com/in/weinbergjb" target="_blank" style="display: inline-block;width: 15px;height: 15px;">
      <img src="http://i.imgur.com/ZyAuqXx.png" width="15px" height="15px">
    </a>              
  </span>
</span>

Answer 1

当您将height单位添加到值时，Outlook（以及可能的其他应用程序）似乎会忽略width和px属性。该规范并未100％明确，但默认情况下，整数值被视为像素，您可以为百分比值添加%后缀。

根据规范，该值必须是非负整数，并且未提及添加px后缀的要求：

img，iframe，embed，object，video上的width和height属性，并且，当他们的type属性处于Image Button状态时，输入可以指定元素以给出视觉内容的尺寸元素的宽度和高度分别相对于输出介质的标称方向），以CSS像素表示。该如果指定了属性，则必须具有有效的非负值整数。

进一步阅读：

总而言之，有效代码应为：

<img src="url" width="7" height="15">

Answer 2

在响应模式下将HTML模板发送到Outlook和Gmail时遇到了同样的问题。 CSS的这些组件总会出现问题，以及Outlook如何阅读您的样式。因此，此时，您可以将样式保存在HTML代码的顶部，然后在标记中继承。然后，您可以访问此页面：

http://templates.mailchimp.com/resources/inline-css/

此页面已保存并帮助我解决了这个问题，因为您的所有代码都将处于Iliner模式，但同时您的样式代码也会出现在Google HTML代码的顶部。就HTML格式的HTML样式而言，Outlook确实一直在阅读。问候。

HTML签名仅调整Outlook中的某些图像

2 个答案: