使用 MSO 前缀调整图像属性

Question

I need to resize an image using Microsoft Office prefixes (MSO)
It's important to note that I am unable to use inline styles.

我已经使用 %、px 尝试了 CSS 和 HTML 版本，但没有说明，如下所示：

img {
    display: block;
    width: 600;
    height: auto;
}

然而这些都没有效果。

我知道我很可能需要改用 MSO 前缀。虽然，我似乎找不到任何可以让我更改图像属性的东西。

预期结果：

Images are resized once sent to the word document

实际结果：

Images are not affected by any styling.

作为参考，我正在寻找的前缀类型与以下内容完全相同： https://gist.github.com/webtobesocial/ac9d052595b406d5a5c1

但只需能够更改图像而不是更改字体系列等
你知道我错过了什么吗？任何帮助深表感谢。

    <!-- /* Style Definitions */
    img {
         height: auto;
         max-width: 8.5in ;
    }
    @page firstSection{
      size:8.5in 11.0in; 
      margin:1.0in 1.25in 1.0in 1.25in ;
      mso-header-margin:.5in;
      mso-footer-margin:.5in; mso-paper-source:0;
      }
    -->

    Response.ContentType = "application/msword"
    Response.AddHeader "Content-Disposition","attachment;filename=documentName.doc" 
    Response.write("<html " & _ 
        "xmlns:o='urn:schemas-microsoft-com:office:office' " & _
        "xmlns:w='urn:schemas-microsoft-com:office:word'" & _ 
        "xmlns='https://www.w3.org/TR/html401/'>") 

    Response.Write "<!--[if mso]>" _
              & "<tr><td style='padding:0px;margin:0px;'>&nbsp;</td><td style='padding:0px;margin:0px;' width='560'>" _
              & "<![endif]-->"

    Response.Write"<!--[if gte mso]><xml><w:WordDocument> 
        <w:View>Print</w:View>" & _
        "<w:Zoom>90</w:Zoom><w:DoNotOptimizeForBrowser/></w:WordDocument></xml>" & _
        "<![endif]-->"

     <body lang=EN-US style='tab-interval:.5in'>
      <div class=Section1>
       <!--Printable Content is added here EG-->
       <img="https://i.stack.imgur.com/l60Hf.png"/>
      </div>
     </body>
    </html>

    Response.Write "<!--[if mso]></td><td style='padding:0px;margin:0px;'>&nbsp;</td></tr><tr>" _
              & "<td colspan='3' style='padding:0px;margin:0px;font-size:20px;height:20px;' height='20'>&nbsp;</td></tr></table>" _
              & "<![endif]-->"

Answer 1

对于将来寻找此答案的任何其他人来说，不幸的是，解决方案是内联样式。

MSO 将不接受图像的 CSS 属性。但是，您可以使用基本的 HTML 属性：

width='640' height='400'

Microsoft Word 将实际收听。唯一的缺点是这些必须是在线的。

Thus, in this scenario I used Replace() to edit any <img style= tags with: "<img style= width: 640px;'" width='640'

这已经解决了我在 word 中的大部分图像大小格式问题，我希望有一天这个答案对其他人有用。

使用 MSO 前缀调整图像属性

Adjusting image properties using MSO prefixes

html

css

ms-office

asp-classic