2014-11-08 20 views
0

標題總結了這個問題非常好...Mopub移動網絡/ JavaScript實現調整大小的文本/ CSS覆蓋

我想Mopub廣告整合到我的web應用程序。我已將javascript代碼粘貼到我希望廣告展示的位置,並且最初的測試廣告顯示得很好。

的問題是,當我有劇本在那裏,加載廣告,都在我的web應用程序的文字出現在約2/3或一半大小,它應該是。

如果我刪除了Mopub腳本,文本再次顯示爲正確的大小。

好像在腳本的東西是導致CSS被覆蓋,但我看了看所有被調用的腳本,並沒有看到任何東西在他們可疑。

有沒有人有一個想法,爲什麼發生這種情況?

更新:

所以我想通了,這是怎麼回事。該腳本注入了一個HTML樣本廣告,其中包含樣式標記中的一些CSS,其中包括正文樣式,可將字體大小從16px重置爲12px。

因爲我使用ems進行所有測量,並且由於該腳本被注入頁面的底部,所以它覆蓋了我的CSS。

是否有任何方法來沙箱Mopub腳本,所以它的CSS不能覆蓋我的?

某種iframe shenanigans?

回答

0

現在,我剛剛屈服!重要。

如果我將它添加到包含正文font-size樣式的樣式表中,Mopub腳本將不會覆蓋它,因爲它現在就是。

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

這感覺就像一個黑客不過,如果有更好的方式來做到這一點,有人請張貼在這裏。

我有一種感覺,這也只是Mopub測試腳本的一個問題,但我不願意賭這個,也不喜歡任意注入代碼覆蓋應用CSS的想法。

更新:

我由含有廣告代碼的其他文件和沙盒狗屎iframe中。顯然,Mopub可以讓發佈商通過樣式標籤在HTML廣告素材中投放他們想要的任何CSS。古怪。

如果任何人遇到這種同樣的問題,我建議你使用基於iframe的方法,使您的網站的風格不要被不知情或流氓出版商劫持。