我正在营销自动化（Eloqua）系统中工作，以部署HTML电子邮件和登录页面。最近，他们对他们的系统运行了一些更新，并且它已经开始在嵌入式样式表中的一两个类声明前面不一致地填充一个额外的句点。例如，我的 HTML 电子邮件托管代码在顶部有一个嵌入式样式表来呈现响应式电子邮件。在此样式表中，我有某些类声明。当部署这些时，我目睹了一个不一致的错误，系统将在一两个类声明之前添加一个额外的句点（例如，从 .removePad 到 ..removePad），这显然使类声明不起作用。这个额外的时间段在所有平台/浏览器中都是一致的。它还在额外句点之前插入了一个换行符，但由于空格在 HTML 中无关紧要，这只不过是场景中的额外线索。
我已经做了广泛的测试，并花了几天时间与他们的支持团队在一起。他们给我的最后帮助是告诉我我的HTML不正确，这就是为什么插入额外的句点的原因。以下是他们告诉我的代码编写不正确的一些片段。它围绕着将填充和边距设置为 0 展开。我一直认为，当将边距和填充设置为 0 时，不需要度量单位（例如边距：0 自动;填充：0;边距：0;与边距相反：0px 自动;......等）。
所述代码片段：
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>
-
应指定边距和填充的单位，或任何大小调整属性。您可以使用 px、em、% 或 pt。那么至少你可以确定这不是问题所在。
-
我不确定您使用什么系统来生成电子邮件和网页。也许您可以提供更多信息，但是如果您在指定单位后仍然遇到问题，我想这是在他们那边。
模板代码中的代码生成器可能很棘手。尽量遵循最常见的样式，以减少他们的生成器会窒息您的代码的机会。
根据您的新代码，底部缺少几个分号。电子邮件可能喜怒无常，因此请修复并再次检查。不过，我怀疑这会有所作为。
这听起来真的像是他们的软件的错误。希望这并不意味着您无法找到解决问题的方法。
哪些类专门获得双点？它总是相同的还是随机的？