Outlook桌面的徽标大小调整

Question

我正在使用CRM（Dynamics 365 w / ClickDimensions）中的拖放编辑器来构建电子邮件。对于徽标，我正在使用HTML插入图像。对于除Outlook桌面以外的所有电子邮件客户端，徽标显示都很好。在这里它显示为完整尺寸，并且忽略了内联样式。如果我在img内联添加“ width = ...”，它的显示会变小，但是它位于电子邮件的左上角，而不是原来的位置。

我发现以下条件并试图使其起作用，但是它什么也没做。

<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>或解决问题。

祝你好运。