我正在使用Javamail发送包含内嵌图片的HTML邮件的电子邮件。
请。在任何人撰写"询问并回答"之前,请参阅以下内容:
在网络上:http://america-3.org:8080/打开一个页面,您会看到我标记的链接" X"在横幅的左下角。如果您点击它,您将看到与我希望在电子邮件中显示的页面完全相同的页面。我使用儿童颜色只是为了看看发生了什么。但关键是在缩小浏览器大小时调整图像和字体大小。 (现在我只是在Firefox中测试)。它是100%css>没有桌子。
然后查看下面的HTML代码。它使用TABLES尝试相同的事情,因为电子邮件客户端无法处理100%的css。如果你剪切并粘贴它,它应该无需修改即可工作。在这种情况下,我添加了一些不必要的边界,以便看看发生了什么,间距有点紧张,但其他方面已经足够接近,知道这种方法有效。
现在问题出在这里。我在Javamail电子邮件中发送确切的HTML代码 - 除了 - 我将图像嵌入到电子邮件中,然后使用src =" cid:image"来检索它。但是当在Outlook中打开时,图像拒绝遵守任何格式化指令。 Outlook只显示其原始大小的图像...期间!
我已尝试过这些以及其他100种变体,但没有一项对图像产生任何影响。它总是有自己的大小。:
<img src="cid:<image>" width="100%" height ="auto">
<img style="width:100%;height:auto;">
实际上我所做的一切都没有对图像产生任何影响。边框不显示,边距被忽略,同上填充(无论我是否为它们提供属性或样式。
所以,在我浪费更多时间将头撞在墙上之前,任何人都可以帮我指点解决方案吗?我的意思是似乎不可能没有人这样做,但无论我如何搜索,我都找不到一个例子。当我使用Javamail发送电子邮件并使用Outlook打开它时,图像将不会让步...期间。
<html>
<head>
<title>Title</title>
</head>
<body style="background:#444444#; text-align:center;">
<table style="margin-left:auto; margin-right:auto;
text-align:center;
width:80%;
border:10px solid black; background:yellow;
border-collapse:separate;
font-size:250%;">
<tr >
<td style="width:20%;
padding:10px; margin:10px;
border:10px solid orange;
background:blue;">
<img src="http://america-3.org:8080/images/TAPP-Great-Seal-Small-2014-12-21.jpg"
style="height:auto; width:90%; height:auto;
border:10px solid green;">
</td>
<td style="width:70%;
padding:10px; margin:10px;
border:10px solid orange;
background:red;">
2nd table cell</td>
</tr>
</table>
</body>
</html>