Question

我正在为自动化工具开发模板，并且在Outlook中存在缩放视网膜图像的问题我知道通常你必须使用图像属性，例如：style =＆＃34; max-width：100px;宽度：100％;＆＃34;

问题在于，如果要在模板模式下工作的用户将替换图像，该工具将替换整个图像标记（以及我的内联css）。

我想知道是否有人知道Outlook中的扩展问题的另一种解决方案？不幸的是，将这些样式放在周围的div，table或td上并不起作用。

提前致谢！

Answer 1

你可以试试这个：

<!doctype html>
  <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <style type="text/css">
        @media only screen and (max-width: 479px) {
        .deviceWidth {
           width:300px !important;
           height:auto;
          }
        }
     </style>
  </head>
<body>
    <table width="600" class="deviceWidth">
        <tr>
            <td>
                Retina Image (600) using media queries.
                <img class="deviceWidth" src="http://www.emailonacid.com/images/blog_images/Emailology/2015/Flower_600.jpg" width="600" ><br/>       
            </td>
        </tr>
    </table>

根据this文章，它应该是一个有效的替代方案。

希望这可以提供帮助，

L，

在outlook中缩放视网膜图像（不使用img属性）

1 个答案: