调整 Outlook 桌面版徽标

Question

我正在使用 CRM（Dynamics 365 w/ ClickDimensions）中的拖放编辑器构建电子邮件。对于徽标，我使用 HTML 插入图像。对于除 Outlook 桌面版之外的每个电子邮件客户端，该徽标都可以正常显示。在这里它显示全尺寸并忽略内联样式。如果我添加 "width= ... " 与 img 内联，它会显示得更小，但它位于电子邮件的左上角，而不是它应该位于的位置。

我发现以下条件并试图让它工作，但它没有做任何事情。

<div style="box-sizing: border-box; white-space: normal;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.42857143; word-wrap: break-word !important; white-space: normal;  padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px;">
    <!--[if (gte mso 9)|(IE)]>
        <style>
            #logo {
                max-width: 130px !important;
                padding-left: 40px !important;
            }
        </style>
    <![endif]-->
    <a href="https://www.southuniversity.edu/"><img id="logo" src="https://s3.amazonaws.com/dceh-marketing/SU/Logos/Systemwide/PNGs/South_Estab1899_CMYK.png" alt="South University Logo" style="max-width:130px; display:block; margin:auto;"></a>
</div>

我不能在框中给出的代码之外编写任何代码，这不是一个成熟的 html 编辑器。外面的任何东西都会被擦除。关于我可以写什么以使徽标在 Outlook 中正确显示的任何想法？谢谢！！

Answer 1

如果您不能在该框之外编写代码，您将不得不忍受 Outlook 中的徽标大小不正确。

Outlook 在图像方面存在问题。它将以创建时的大小显示图像，并忽略您的内联样式宽度声明。解决方法是将 width="130" 添加到 <img>.

一个例子：

<img id="logo" src="https://s3.amazonaws.com/dceh-marketing/SU/Logos/Systemwide/PNGs/South_Estab1899_CMYK.png" width="130" alt="South University Logo" style="max-width:130px; display:block; margin:auto;">

图像大小实际上是 344x161，我猜 Outlook 正在以该大小显示它。调整图像大小或将 width="160" 添加到 <img> 或接受该问题。

祝你好运。

调整 Outlook 桌面版徽标

Sizing logo for Outlook desktop

html

css

outlook

image-size