Question

我正在使用Marketing Automation（Eloqua）系统来部署HTML电子邮件和登陆页面。最近，他们已经对他们的系统进行了一些更新，并且已经开始在嵌入式样式表中的一个或两个类声明之前不一致地填充额外的时间段。例如，我的HTML电子邮件托管代码顶部有一个嵌入式样式表，用于呈现响应式电子邮件。在这个样式表中，我有一些类声明。当部署这些时，我正在目睹一个不一致的错误，系统将在一个或两个类声明前添加一个额外的句点（例如从.removePad到..removePad），这显然使得类声明不起作用。所有平台/浏览器的额外时间段都是一致的。它还在额外的时间段之前插入换行符，但由于空格在HTML中无关紧要，这不过是场景中的额外线索。

我已经做了大量的测试，并且与他们的支持团队共度了几天。他们对我的最后帮助是告诉我我的HTML不正确，这就是插入额外时间段的原因。以下是他们告诉我的错误编写代码的一些片段。它围绕设置填充和边距为0.我一直认为当设置边距和填充为0时，不需要测量单位（例如边距：0自动;填充：0;边距：0;相反保证金：0px auto; ...等）。

代码片段：

body {width: 100%; background-color: #ffffff; margin:0; padding:0;}
.removePad {padding-right:0!important;padding-left:0!important;}
.resetType {font-size: 13px!important; line-height: normal!important; margin-top: 0;}

1：在设置为0时不需要测量单位的假设中我是否错误？

2：有没有人见过这样的插入换行符/额外时段？

3：我不太了解他们的程序编写的编码语言，我也不知道复杂的编码语言，但有没有人知道编码语言中会出现这种情况的情景？

如果只是简单地进入并在我的每个属性中加入一个度量单位，我会这样做并说出美好的一天。然而，我现在已经亲眼目睹并发生了这样的事情，所以我感到困惑，难以忍受和遗弃。也许这里有人可以为我提供一些见解或方向来排除故障。

非常感谢您的任何想法！

更新：整个CSS

<style type="text/css">
    .ReadMsgBody {width: 100%; background-color: #ffffff;}
    .ExternalClass {width: 100%; background-color: #ffffff;}
    .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;}
    body {width: 100%; background-color: #ffffff; margin:0; padding:0; -webkit-font-smoothing: antialiased;}
    table {border-collapse:collapse;}
    a:visited {color:#0085c3;}
    @media only screen and (max-width: 640px)  {
        body[yahoo] .deviceWidth {width: 440px!important;}
        body[yahoo] .tableWidth {width: 410px!important;}
        body[yahoo] .hide {display: none!important;}
        body[yahoo] .show {display: block!important; padding:0; width: auto !important; overflow: visible !important; max-height: inherit !important;}
        body[yahoo] .borderRadius {border-radius: 10px;}
        body[yahoo] .center {margin:0 auto;}
        body[yahoo] .headline {font-size: 22px!important; color: #ffffff!important; background-color: #0085c3!important; border-top-left-radius: 5px; border-top-right-radius: 5px; padding-top: 15px!important; padding-left:15px!important; padding-right:15px!important;}
        body[yahoo] .blueDivide {border-top: 2px solid #0085c3;}
        body[yahoo] .borderGone {border-top: none; border-right:none !important; border-bottom: none; border-left:none !important;}
        body[yahoo] .logo {height:60px; width:141px; padding-left: 15px;}
        body[yahoo] .removePad {padding-right:0!important;padding-left:0!important;}
        body[yahoo] .ctaButton {padding: 5px 10px; background-color: #0085ce !important; color: #ffffff !important; text-decoration: none !important; border-radius: 5px; width: 180px ; text-align: center !important; margin-top: 10px; display: block !important; margin: 0 auto;}
        body[yahoo] .ctaButton2 {padding: 5px 10px; background-color: #0085ce !important; color: #ffffff !important; text-decoration: none !important; border-radius: 5px; width: 340px ; text-align: center !important; margin: 0 auto !important; display: block !important;}
        body[yahoo] .resetType {font-size: 13px!important; line-height: normal!important; margin-top: 0}
        body[yahoo] .topBox {border-top-left-radius: 10px; border-top-right-radius: 10px;}
        body[yahoo] .bottomBox {border-bottom-left-radius: 10px!important; border-bottom-right-radius: 10px!important; border-bottom:#0085c3 solid 1px; border-right:#0085c3 solid 1px; border-left:#0085c3 solid 1px; padding-top: 15px; padding-left: 14px; padding-right: 14px;}
        body[yahoo] .imagePad {padding-top: 5px; padding-bottom: 5px; padding-left: 14px; padding-right: 10px;}
        body[yahoo] .rightPad {padding-right: 14px;}
        body[yahoo] .salesBox {border-radius:5px; padding: 10px 0; margin-top:15px; background-color: #eeeeee;}
    }
    @media only screen and (max-width: 479px) {
        body[yahoo] .deviceWidth {width:300px!important}
        body[yahoo] .tableWidth {width:270px!important}
        body[yahoo] .headline {font-size: 20px!important;}
        body[yahoo] .ctaButton2 {padding: 5px 10px; background-color: #0085ce !important; color: #ffffff !important; text-decoration: none !important; border-radius: 5px; width: 180px ; text-align: center !important; margin: 0 auto !important; display: block !important;}
        body[yahoo] .logo {height:50px; width:118px; padding-left: 10px;}
    }
</style>

Answer 1

您应指定边距和填充的单位或任何大小调整属性。您可以使用px，em，％或pt。那么至少你可以肯定这不是问题。
我不确定您使用哪种系统来生成电子邮件和网页。也许你可以提供更多的信息，但如果你在指定单位后仍然遇到问题，我猜它就在他们的最后。

模板代码中的代码生成器可能很棘手。尝试符合最常见的样式，以减少其生成器阻塞代码的可能性。

Answer 2

根据您的新代码，底部缺少几个半冒号。电子邮件可能很有气质，所以请修复并再次检查。我怀疑它会有所作为。

这听起来像是他们软件的错误。希望这并不意味着你无法确定一种围绕这个问题跳舞的方法。

哪些课程特别获得双点？是永远是相同的还是随机的？

Eloqua正在为我的电子邮件CSS添加额外的句点

2 个答案: