Question

我必须设置一个电子邮件的样式，当我完成并测试它时，一切似乎工作正常，在outlook.com，microsoft exchange和hotmail中执行。由于某种原因，无论我做什么，交换剥离所有使用的代码（表格，tr＆amp; td标签），是否有一些解决方法或者它是不可能的。我在<style>标记中使用了CSS。我应该将其更改为内联样式吗？还是有其他用途。

此外，我的邮件使用表格给出的某些值（短代码），这在所有其他邮箱中都可以正常工作，但在Outlook中也不行。如果我不能使用代码，那么还有一些解决方法吗？

长话短说，如果微软交换破坏所有代码并发送空白邮件，我如何在我的html-email中使用代码。您可以在test site

上看到整个邮件

这是我的邮件代码：

<style> 
td {
    text-decoration: none;
    color: #78797a;
    width: 420px;
    line-height: 22px;
    border: 1px solid black;
    }

img {
     display:block;
    }

h3  {
        text-decoration: none;
        color: #434343;
    }
h4  {
        text-decoration: none;
        color: #434343;
    }
-webkit-text-size-adjust: none;
</style>

<table style="font-size: 15px; font-family: 'Open Sans', sans-serif; font-weight: 200;">
<img src="http://www.belife.nl/wp-content/uploads/2015/06/belife-RGB.jpg" align="top"><br>

<h4>Verwijzend arts</h4>
<tr style="padding: 10px">
  <td> Naam</td><td> [naam_vw]</td>
</tr>

<tr style="padding: 10px">
  <td> Voorletters</td> <td>[voorletters_vw]</td>
</tr>

<tr style="padding: 10px">
    <td> Geslacht</td> <td>[geslacht_vw]</td>
</tr>

<tr style="padding: 10px">
    <td> Functie verwijzer:</td> <td>[verwijzer_vw]</td>
</tr>

 <tr style="padding: 10px">
    <td> Naam instantie:</td> <td>[instantie_vw]</td>
</tr>

<tr style="padding: 10px">
    <td>Adres:</td> <td>[adres_vw]</td>
</tr>

<tr style="padding: 10px">
    <td>Postcode:</td> <td>[postcode_vw]</td>
</tr>

<tr style="padding: 10px">
    <td>AGB code verwijzer:</td> <td>[agb_vw]</td>
</tr>

<tr style="padding: 10px">
    <td>Mobiel verwijzer:</td> <td>[mobiel_vw]</td>
</tr>

<tr style="padding: 10px">
    <td>E-mail:</td> <td>[email_vw]</td>
</tr>
</table>

[email_vw]等短代码是通过需要存在的形式提供的。

提前感谢任何提示和答案！

编辑*我能够自己修复Outlook但是现在hotmail由于某种原因是空的并且只显示简单的代码，这是否由代码内联引起？ *

Answer 1

经过一些搜索和阅读@ tvgemert的文章链接后，我能够修复前景。

<!DOCTYPE html>
<html>
<head></head>
<body>
    <table style="font-size: 15px; font-family: 'Open Sans', sans-serif; font-weight: 200;">
<img src="http://www.belife.nl/wp-content/uploads/2015/06/belife-RGB.jpg" align="top" style="display: block;"><br><h3 style="text-decoration: none; color: #434343;">Met deze brief verwijs ik onderstaande client naar u voor een programma medische specialistische revalidatiezorg (MSR) bij BeLife.</h3>

    <h4 style="text-decoration: none; color: #434343;">Verwijzend arts</h4>
    <tr style="padding: 10px;">
<td style="text-decoration: none; color: #78797a; width: 420px; line-height: 22px; border: 1px solid black;"> Naam</td>
<td style="text-decoration: none; color: #78797a; width: 420px; line-height: 22px; border: 1px solid black;"> [naam_vw]</td>
    </tr>
<tr style="padding: 10px;">
<td style="text-decoration: none; color: #78797a; width: 420px; line-height: 22px; border: 1px solid black;"> Voorletters</td> <td style="text-decoration: none; color: #78797a; width: 420px; line-height: 22px; border: 1px solid black;">[voorletters_vw]</td>
    </tr>
<tr style="padding: 10px;">
<td style="text-decoration: none; color: #78797a; width: 420px; line-height: 22px; border: 1px solid black;"> Geslacht</td> <td style="text-decoration: none; color: #78797a; width: 420px; line-height: 22px; border: 1px solid black;">[geslacht_vw]</td>
    </tr>
</table>

至少通过添加内联代码来修复Outlook，电子邮件现在不再是空白。

outlook.com中的空HTML邮件，microsoft exchange＆amp; hotmail.com

1 个答案: