Mopub移动web / javascript实现调整文本/覆盖CSS

时间:2014-11-08 07:52:07

标签: javascript css mobile-website mopub

标题总结了问题......

我正在尝试将Mopub广告集成到我的网络应用中。我已将javascript代码粘贴到我希望广告显示的位置,并且初始测试广告正好显示。

问题在于,当我在那里添加脚本并加载广告时,我的网络应用中的所有文字都会显示为应有的大小的2/3或一半。

如果我删除了Mopub脚本,文本会再次显示正确的大小。

脚本中的某些内容似乎会导致CSS被覆盖,但我查看了所有被调用的脚本,并没有看到任何可疑内容。

有谁知道为什么会这样?

更新

所以我想出了发生了什么。该脚本会注入一个HTML演示广告,其中包含样式标记中的一些CSS,其中包含正文样式,可将字体大小从16px重置为12px。

因为我使用ems进行所有测量,并且由于脚本是在页面底部注入的,所以它会覆盖我的CSS。

有没有办法沙盒Mopub脚本,所以它的CSS不能覆盖我的?

某种iframe恶作剧?

1 个答案:

答案 0 :(得分:0)

现在,我刚刚屈服于!important。

如果我将它添加到包含正文字体大小样式的样式表中,则Mopub脚本不会覆盖它,就像现在一样。

body {
   font-size: 16px !important;
}

这感觉就像一个黑客,如果有更好的方法来实现这一点,有人请在这里发布。

我有一种感觉,这也只是Mopub测试脚本的一个问题,但我不愿意打赌,并且不喜欢任意注入代码覆盖应用CSS的想法

<强>更新

我制作了另一个包含广告代码的文件,并在iframe中使用了沙盒。显然,Mopub允许发布者通过样式标记在HTML广告素材中投放他们想要的任何CSS。古怪。

如果其他人遇到同样的问题,我建议您使用基于iframe的方法,这样您的网站样式就不会被不知情或流氓发布者劫持。