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

Question

有没有办法调整图像大小以适应窗口正在查看图像没有 javascript和有限的CSS？

我问,因为我发送了一个电子邮件广告系列,其中包含一个我想要的主图像,而不需要滚动.我已阅读方式使用JavaScript和jQuery这样做,但我没有看到一个办法做到这一点,大多数电子邮件客户端将阅读和反应正常.这可能吗？如果是这样 - 怎么样？

Answer 1

这是为html电子邮件执行此操作的正确方法:

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

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

请注意,在某些客户端(特别是Outlook '07,'10和'13)上,图像不会超过它的最大尺寸.如果使用最大宽度的流体模板,如果图像宽度与最大宽度匹配,则不会出现问题.

Answer 2

这就是你应该如何做到的

    /****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来做它,因为它应该像这样正确地呈现