我做了一个HTML的电子邮件签名，似乎遵循大多数准则（表，内联样式等），它看起来很体面的大多数客户端。然而，它必须看起来很奇怪的Outlook，公元前这是如何从Outlook收到回复后返回到我的电子邮件客户端：
logo很完美，但是社交logo的比例真的很大。但是图片的代码是这样的：
<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>
</td>
2条答案
按热度按时间lfapxunr1#
当您将
px单位添加到值中时，Outlook（可能还有其他应用程序）似乎忽略了height和width属性。规范对此并不是100%明确，但是，默认情况下，整数值被视为像素，您可以为百分比值添加%后缀。根据规范，该值必须是非负整数，并且没有提到添加
px后缀的要求：可以指定img、iframe、embed、object、video以及input元素（当其type属性处于Image Button状态时）的width和height属性，以提供元素的可视内容的尺寸（分别为宽度和高度，相对于输出媒体的标称方向）（以CSS像素为单位）。如果指定了这些属性，则它们的值必须是有效的非负整数。
进一步阅读：
最后，有效代码应为：
apeeds0o2#
我在发送HTML模板到Outlook和Gmail的响应模式中遇到了同样的问题。CSS的这个组件以及Outlook如何读取你的样式总是会有问题。所以，在这一点上，你可以在HTML代码的顶部保存太多的样式，然后继承你的标记。然后，你可以访问这个页面：
http://templates.mailchimp.com/resources/inline-css/
这个页面救了我，并帮助我解决了这个问题，因为你所有的代码都将在Iliner模式，但你也会在同一时间你的样式代码在你的HTML代码顶部的谷歌. Outlook不't读取总是据我所知，HTML标签内的样式.问候.