javascript - Mopub 移动网络/javascript 实现调整文本大小/覆盖 CSS

Question

标题很好地总结了这个问题......

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

问题是，当我有脚本并加载广告时，我的网络应用程序中的所有文本都显示为应有大小的大约 2/3 或一半。

如果我删除 Mopub 脚本，文本将再次以正确的大小显示。

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

有人知道为什么会这样吗？

更新:

所以我弄清楚发生了什么事。该脚本会注入(inject)一个 HTML 演示广告，该广告在样式标签中包含一些 CSS，其中包括将字体大小从 16 像素重置为 12 像素的 body 样式。

因为我在所有测量中都使用 ems，并且由于脚本是在页面底部注入(inject)的，所以它会覆盖我的 CSS。

有什么方法可以对 Mopub 脚本进行沙盒处理，使其 CSS 无法覆盖我的脚本吗？

某种 iframe 恶作剧？

Answer 1

现在，我只是屈服于 !important。

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

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

虽然这感觉像是 hack，如果有更好的方法来完成这个，请有人在这里发布。

我感觉这也只是 Mopub 测试脚本的问题，但我不愿意打赌，也不喜欢任意注入(inject)代码覆盖应用 CSS 的想法。

更新:

我制作了另一个包含广告代码的文件，并在 iframe 中将这些垃圾沙盒化。显然，Mopub 允许发布商通过样式标签在他们的 HTML 广告素材中添加他们想要的任何 CSS。古怪。

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