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