问如何动态调整电子邮件客户端内的图像大小？

EN

这就是你应该怎么做的

    /****this is the Css****/
    .full {
     width:100%;
     height:auto;
     }
    /***end Css***/
   <!--Now the html--!>
   <section>
   <img src="image/main.png" class="full">
   </section>

或者你可以用简单的方式*更新

你可以这样做

    <img src="image/main.png" style="width:100%; height:auto; border:none;" />

如果他们可以选择将其作为html来实现，那么就应该像这样正确地呈现出来。

这是处理html电子邮件的正确方法：

<img alt="" src="" width="100%" style="margin: 0; border: 0; padding: 0; display: block;">

它将自动调整大小以匹配容器元素的宽度(应该始终是<td>)。

请注意，在某些客户端(特别是Outlook '07、'10和13)上，图像不会超过其最大尺寸。如果您使用的是最大宽度流体模板，如果您的图像宽度与最大宽度匹配，这将不会是一个问题。

你需要尽可能仿古，才能让HTML电子邮件在所有客户端都能正常工作。

内联样式和HTML 4代码应该能做到这一点。不过，请注意，在大多数客户端中，最大宽度和最大高度可以工作，但这不包括Outlook 2007/2010/2013/365，它很可能超过目标受众的一半以上。宽度工作在所有客户端-但不是在Outlook 2007/2010/2013/365中的div和p标记上！始终使用表，而不是div，以确保它能工作。

基本上，总是假设某件东西不起作用，并且设计错误的可能性很小--并且总是使用内联样式，否则很可能会被剥离。

如果有疑问，请咨询神谕，我总是这样做:)

来源：https://www.campaignmonitor.com/css/b/