Html 调整Outlook桌面的徽标大小

Html 调整Outlook桌面的徽标大小,html,css,outlook,image-size,Html,Css,Outlook,Image Size,我正在CRM Dynamics 365 w/ClickDimensions中使用拖放编辑器生成电子邮件。对于徽标,我使用HTML插入图像。除了Outlook桌面,每个电子邮件客户端都可以很好地显示徽标。在这里,它显示为全尺寸,并忽略内联样式。如果我加上宽度=。。。在img中,它显示得更小,但它位于电子邮件的左上角,而不是它应该位于的位置 我发现了以下条件,并试图使其工作,但它没有做任何事情 <div style="box-sizing: border-box; white-space: n

我正在CRM Dynamics 365 w/ClickDimensions中使用拖放编辑器生成电子邮件。对于徽标,我使用HTML插入图像。除了Outlook桌面,每个电子邮件客户端都可以很好地显示徽标。在这里,它显示为全尺寸,并忽略内联样式。如果我加上宽度=。。。在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中正确显示呢?谢谢

如果您无法编写超出该框的代码,您将不得不忍受Outlook中徽标大小不正确的情况

Outlook在图像方面存在问题。它将以创建图像的大小显示图像,并忽略您的内联样式宽度声明。解决方法是将宽度增加到130

例如:

图像大小实际上是344x161,我猜Outlook显示的就是这个大小。可以调整图像大小,也可以将width=160添加到问题中,或者与问题一起生活

祝你好运

<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;">