Question

我在许多问题中都看到了这个问题，但没有一个问题足以帮助我。所以我希望如果我简化并再次询问就不会冒犯任何人。希望永无止境！

当Outlook渲染时，控制电子邮件中嵌入的图像的宽度是否真的不可能？即控制html代码为

的图像的宽度

 <img src="cid:seal">

即。当html代码需要嵌入的图像而不是其他地方存储的图像时。

[注：＆＃34;密封＆＃34;是使用嵌入图像创建MimeBodyPart时指定的内容ID。

详细说明：我使用Javamail应用程序发送多部分电子邮件。正文部分是一个html文档。另一个MimeBodyPart包含html doc中使用的图像。我已经将html测试简化为两列表，其中左侧列为图像，右侧列为文本。

在OUTLOOK中打开时，我已经尝试过并且完全无法控制图像的大小。

图像总是我认为必须是图像的原始尺寸......这太大了...所以它迫使第一个单元格宽度超过15％。或者，如果我给单元格一个固定的宽度，图像会溢出框，即被剪裁。

我在下面删除了所有字体样式颜色等基本代码。

我已尝试在img标记上使用width属性和css样式属性的每种组合。我将图像包装在另一个表中......或者将其包装在主表格单元格内的div块中......甚至将其包装在父表格单元格内的表格单元格内的div块中。我已尝试在固定像素和％＆＃39中指定宽度。

如果我们都知道这对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>

Answer 1

在Eugene的帮助下，我发现了至少一个很好的解决方案。

<img src="cid:seal" width="300"  or "300px"  of "15%"> DOES NOT WORK.

但是，当我放弃引号时，这个工作

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

它当然意味着以％为单位设置宽度仍然是一个问题，因为它需要引号。

但我会拿走我能得到的东西。电子邮件现在弹出带有徽标而无需用户下载图片。 AND ...这个css体选择器也可以使用嵌入的图像渲染背景。 [我存储了内容ID为“bkg”的背景图片。]

AGAIN ...与使用引号的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;">

Answer 2

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

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

Outlook忽略宽度属性或css属性

2 个答案: