Outlook忽略宽度属性或css属性

Outlook忽略宽度属性或css属性,outlook,jakarta-mail,Outlook,Jakarta Mail,我在很多问题中都提到过这个问题,但没有一个问题是具体到足以帮助我的。因此,如果我简化它并再次询问,我希望它不会冒犯任何人。希望来自永恒 Outlook渲染嵌入电子邮件的图像时,是否真的无法控制其宽度?例如,控制html代码所在图像的宽度 <img src="cid:seal"> 也就是说,当html代码期望嵌入图像而不是存储在别处的图像时 [注意:“seal”是我在创建带有嵌入图像的MimeBodyPart时指定的内容ID] 详情: 我使用Javamail应用程序发送一封由多

我在很多问题中都提到过这个问题,但没有一个问题是具体到足以帮助我的。因此,如果我简化它并再次询问,我希望它不会冒犯任何人。希望来自永恒

Outlook渲染嵌入电子邮件的图像时,是否真的无法控制其宽度?例如,控制html代码所在图像的宽度

 <img src="cid:seal">

也就是说,当html代码期望嵌入图像而不是存储在别处的图像时

[注意:“seal”是我在创建带有嵌入图像的MimeBodyPart时指定的内容ID]

详情: 我使用Javamail应用程序发送一封由多个部分组成的电子邮件。正文部分是一个html文档。另一个MimeBodyPart携带html文档中使用的图像。我已经将html测试简化为一个只有两列的表,左列为图像,右列为文本

在OUTLOOK中打开图像时,我尝试过的任何东西都无法控制图像的大小

图像始终是我假设的,必须是图像的某个本机大小。。。太大了。。。因此,它迫使第一个单元的宽度超过15%。或者,如果我给单元格一个固定的宽度,图像就会溢出框,即被剪裁

我把基本代码去掉了所有字体样式颜色等

我尝试过在img标签上使用width属性和css样式属性的各种组合。我已将图像包装在另一张表中。。。或者将其包装在主表单元格内的div块中。。。甚至将其包装在父表单元格内的表单元格内的div块中。我试着用固定像素和%指定宽度

如果我们都能确定这在Outlook中是否根本不可能,那就太好了

或者,如果可能的话,发布有效的示例代码。[让电子邮件立即打开图像,而不是依靠读者下载图像,这非常有吸引力。]

注意:当我从外部源加载图像时,我似乎能够控制宽度,即。 谢谢你的帮助

<html>
  <head>
    <meta name="viewport" content="width=980, initial-scale=1">
    <title>Test Email</title>
  </head>
  <body style="width:100%; border:0;margin:0;padding:0;">
    <table align="center" 
           style="width:980px; border-collapse:collapse;
                  margin-left:auto; margin-right:auto;">
      <tr  style="border:0; margin:0; padding:0;">
        <td style="width:15%; border:0; margin:0; padding:0;">
          <img src="cid:seal" 
               style="width:6em; height:auto;">
         </td>
         <td    style="width:85%; margin:0; padding:.5em 0em 0em 0em; border:0;">
           Some Titles and stuff
         </td>
       </tr>
  <tr>
    <td colspan="2" style="border:0; margin:0; padding:1em 1em 0em .5em;">
      <p> 1st paragraph
      ....
      <p> last paragraph
    </td>
  </tr>
</table>

测试电子邮件
一些头衔之类的
第1段
....
最后一段

Outlook使用Word作为电子邮件编辑器。以下系列文章提供了与受支持和不受支持的HTML元素、属性和级联样式表属性相关的参考文档:


您可以使用Word设计页面,然后将生成的文档另存为网页。因此,您将找到需要使用的HTML标记。

在上面Eugene的帮助下,我发现了至少一个好的解决方案

<img src="cid:seal" width="300"  or "300px"  of "15%"> DOES NOT WORK.
不起作用。
但当我抛弃了这些引语时,这就奏效了

<img src="cid:seal" width=300 height=300>

这当然意味着在%中设置宽度仍然是一个问题,因为它需要引号

但我会尽我所能。现在,用户无需下载图片即可打开带有徽标的电子邮件。和此css主体选择器还可以使用嵌入图像渲染背景。[我存储了内容ID为“bkg”的背景图像。]

再次。。。与使用引号的img属性src=“cid:id”不同,url()要求id不带引号

<body style="background-image:url(cid:bkg);
             background-repeat:repeat; 
             width:100%;
             generic-family:Sans-serif;
             font-family:Verdana;
             border:0;margin:1em 0 1em 0;padding:0;"> 

我也删除了我的宽度和高度的引号,现在看起来很开心。具有讽刺意味的是,Outlook 2003可以使用引号,但此后的每个版本都不能使用引号。Outlook何时将切换到使用内置在Windows中的HTML渲染器?!