在colorbox iframe上設置body font-size

Question

該網站有一個基於窗口尺寸使用jQuery動態設置的body {font-size：__ px;}。 一個onClick函數打開包含的iframe一個顏色框：

$.fn.colorbox({iframe: true, href: $url, <?PHP print COLORBOX_OPTIONS; ?> }); 

我想設置主體{字體大小： - 像素;} iframe的是一樣的當前父體{字體 - size： - px;} 我該怎麼做？

Answer 1

您可以在iframe中執行此代碼，該代碼將其身體的font-size設置爲父窗口的主體font-size。

$(function(){ 
    $('body').css('font-size', $('body', window.parent).css('font-size')); 
}); 

Answer 2

編輯：

關閉我的頭頂，沒有測試！ $ .colorbox（）;}之後的

追加這個

var bdFontSize = document.body.style.fontSize, 
    targetIframe = $("iframe"), 
    targetIframeHeadStyle = targetIframe.contents() 
             .find("head") 
             .append("<style></style>") 
             .children("style"); 

-

編輯：BAD

targetIframeHeadStyle.html(" 
    body{ 
     font-size: "+bdFontSize+" 
    } 

"); 

GOOD

targetIframeHeadStyle.html("body{font-size: "+bdFontSize+"}"); 

讓我們知道你如何繼續。