1

我正在使用营销自动化 (Eloqua) 系统来部署 HTML 电子邮件和登录页面。最近，他们对他们的系统进行了一些更新，并且它已经开始在我的嵌入样式表中的一两个类声明之前不一致地填充一个额外的句点。例如，我的 HTML 电子邮件托管代码在顶部有一个嵌入式样式表，用于呈现响应式电子邮件。在这个样式表中，我有某些类声明。当这些被部署时，我目睹了一个不一致的错误，系统将在一个或两个类声明前添加一个额外的句点（例如，从 .removePad 到 ..removePad），这显然会使类声明不起作用。这个额外的时间在所有平台/浏览器中都是一致的。它还在额外期间之前插入换行符，

我已经进行了广泛的测试，并与他们的支持团队一起度过了几天。他们最后向我提供的帮助是告诉我我的 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>
4

2 回答 2

0

  1. 您应该为边距和内边距或任何尺寸属性指定单位。您可以使用 px、em、% 或 pt。那么至少你可以确定这不是问题所在。

  2. 我不确定您使用的是什么系统来生成电子邮件和网页。也许您可以提供更多信息，但是如果您在指定单位后仍然有问题，我猜它已经结束了。

来自模板代码的代码生成器可能很棘手。尝试遵循最常见的样式，以减少他们的生成器阻塞您的代码的机会。

于 2014-04-03T20:21:52.457 回答
0

根据您的新代码，底部缺少几个分号。电子邮件可能是喜怒无常的，所以修复它并再次检查。我怀疑它会有所作为。

这听起来确实像是他们软件的错误。希望这并不意味着您无法找到解决问题的方法。

哪些班级特别获得了双点？它总是相同的还是随机的？

于 2014-04-03T20:25:09.533 回答