我目前正在建立一个新的HTML模板。
在其中一节中，我想显示一个不同的图像大小的MS-Outlook，因为它不会以与其他客户端相同的方式React。
原件：

<td align="left" class="column_one_half column_image" valign="top" width="100%">
<a href="#" target="_blank"><img alt="" class="mso-size" src="https://xxx" width="100%"></a>
</td>

我需要显示大小宽度="270"的图像;在Outlook中的height ="190"。我想在头部使用CSS声明。
我尝试了下面的方法，但是它不起作用。石蕊没有显示任何变化。我做错了什么？
谢谢你，
我是这么试的：
以下结构运行良好，Litmus显示预期结果：

<!--[if mso]>
<td align="left" class="column_one_half column_image" valign="top" width="100%">
<a href="#" target="_blank"><img alt="" src="xxx" width="270" height="190"></a>
</td>
<div style="display:none">
<![endif]-->
                                                                        <td align="left" class="column_one_half column_image" valign="top" width="100%">
<a href="#" target="_blank"><img alt="" src="xxx" width="100%"></a>
</td>
                                                                        <!--[if mso]>
<div>
<![endif]-->

但是，我不希望每个人都被强迫粘贴两次image-URL，我想使用头部的CSS来代替。
我尝试了下面的声明（粘贴在第一节下面：

<!--[if mso]>  
    <style>
    img.mso-size {
    width:270px!important;
    height:190px!important;
    }
  </style>
<![endif]-->