0

我有一个总共 1200 像素宽的动画 .gif，但我想将其缩小到 600 像素宽，以获得更清晰的 120 dpi 图像。以下是消息中的代码；它以正确的宽度显示，但高度错误（如您所见，没有定义高度，并且它没有按照我想要的方式自动缩放）。

Outlook 2019 是唯一显示错误的电子邮件客户端。在所有其他电子邮件客户端中看起来都很好。此外，我的消息中的其他图像 (.jpgs) 完全按照我想要的方式显示，并且它们包含相同的内联 CSS。

<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tbody>
        <tr>
<td style="padding: 0; text-align: center"><a href="https://www.lookoptic.com/collections/screen-products" target="_blank"> <img alt="FRAMES FOR THE FAMILY | Make protecting your eyes from harmful blue light a family choice. With matching frames for adults and kids, we keep it easy for the whole family to keep their eyes healthy even while spending more time in front of screens than ever." border="0" src="https://d3k81ch9hvuctc.cloudfront.net/company/HQd5zH/images/57fbdbba-e232-441f-abc2-098444d1525f.gif" width="600" style="display: block; border: 0px; outline: none;
width: 100%; height: auto; max-width: 600px;background: #fff; font-family: sans-serif; font-size: 15px; line-height: 15px; color: #555555;" /></a> </td>

</tr>
    </tbody>
</table>

有任何想法吗？提前致谢。

4

1 回答 1

1

Outlook 将忽略图像的样式表。因此，您可以使用height和width标签来指导 Outlook 的行为，并允许现代电子邮件客户端按照他们需要的方式进行操作。

如果您在 Outlook 上的动画图像应该是 600px x 600px，请执行以下操作：

<img src="#" width="600" height="600">

然后对于其他客户，添加一个内联style表（就像您在示例中所做的那样。

<img src="#" style="width: 100%; height: auto; max-width: 600px;" width="600" height="600">

这适用于 Outlook 支持的任何图像格式。

祝你好运。

于 2021-01-05T02:03:21.047 回答