outlook html阅读,如何修复Outlook 2016中的HTML格式

我的

HTML代码生成的问题是为Web窗体生成的.

它适用于Outlook以外的所有程序.

有办法解决这个问题吗？

因为我真的不希望客户得到这样的电子邮件：/

我的HTML代码：

Schönen guten Tag {name},
Ihre Anfrage ist bei uns eingegangen. Wir bemühen uns um eine schnelle Antwort, um Ihnen weiterhelfen zu können. Sie hören bald wieder von uns!

CENSORED

我的CSS：

/*

All classes will be replaced with style attribute.

This is done because some web mail (included google mail) strike out all style reference.

Due to this replacement the following statements will not work:

#id { color: red; }

table { border: 1px solid black; }

Related documentation: http://www.fox.ra.it/forum/enquiries-processors/11143-e-mail-notification-models.html

*/

body

{

background-color: #fafafa;

}

.wrapper

{

width: 100%;

padding: 24px 0 24px 0;

background-color: #fafafa;

font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

}

.container

{

width: 90%;

max-width: 680px;

min-width: 280px;

border: 1px solid #dddddd;

background-color: #ffffff !important;

box-shadow: 0 4px 8px rgba(192, 192, 192, 0.9);

margin: auto;

}

.inner

{

color: #505050;

font-size: 13px;

padding: 24px;

background-color: #ffffff;

}

.sitename

{

font-size: 30px;

line-height: 34px;

}

.header

{

border-bottom: 1px solid #dddddd;

margin-bottom: 32px;

padding-bottom: 8px;

background-color: #ffffff

}

.fields-list

{

padding: 0;

list-style-type: none;

}

.field-element

{

list-style-type: none;

}

.field-title

{

background-color: #eeeeee;

padding: 4px;

font-weight: bold;

font-size: 13px;

margin: 0;

}

.field-content

{

margin: 4px 4px 16px 4px;

}

.field-table-href

{

}

.footer

{

border-top: 1px solid #dddddd;

margin-top: 32px;

padding-top: 8px;

font-size: 12px;

font-style: italic;

color: #707070;

background-color: #ffffff

}

它在Outlook中看起来像这样

但它应该是这样的：

我真的希望有人可以帮我这个:(