在Outlook中按比例显示html图像

在Outlook中按比例显示html图像,html,css,image,outlook,html-email,Html,Css,Image,Outlook,Html Email,我有许多不同大小的图像,我正在尝试调整大小,并使用元素上的css宽度和高度属性使它们彼此成比例,然后将实际图像的宽度和高度设置为该元素的100% 然后我尝试在电子邮件活动中使用此代码。问题是,正如预期的那样,此代码工作正常,但outlook似乎仍然使用原始的宽度和高度值渲染图像 有人知道我怎样才能阻止这种事情发生吗。 注意:我已经从代码中删除了图像src和链接 前景不稳定。它通过WordHTML呈现,这很愚蠢 问题在于,如果HTML属性中没有定义值,Outlook会将实际图像的总宽度视为100%

我有许多不同大小的图像,我正在尝试调整大小,并使用元素上的css宽度和高度属性使它们彼此成比例,然后将实际图像的宽度和高度设置为该元素的100%

然后我尝试在电子邮件活动中使用此代码。问题是,正如预期的那样,此代码工作正常,但outlook似乎仍然使用原始的宽度和高度值渲染图像

有人知道我怎样才能阻止这种事情发生吗。 注意:我已经从代码中删除了图像src和链接


前景不稳定。它通过WordHTML呈现,这很愚蠢

问题在于,如果HTML属性中没有定义值,Outlook会将实际图像的总宽度视为100%,如果桌面分辨率与图像分辨率不同,则有时甚至会更大

您最好的选择是将媒体查询设置为在达到桌面断点时将宽度/高度更改为100%,或者做一些更令人惊奇的事情,如以下所示:

<img width="640" height="240" src="SOME IMAGE LINK" style="width:100%; height:100%" />
您只需将640和240属性替换为所需图像的高度和宽度。这背后的原因是,绝大多数电子邮件客户端都尊重适当的瀑布,并将CSS置于HTML属性之上,但Outlook,就像傻瓜一样,将实际忽略100%的CSS,并基于声明的HTML属性工作

现在这不是一个100%万无一失的消息,应该进行广泛的测试


如果没有其他办法,您的最终解决方案是将原始图像的大小实际调整为您希望它在Outlook中显示的最大大小。

在高度=100%src=某些。。。
<img width="640" height="240" src="SOME IMAGE LINK" style="width:100%; height:100%" />