在 colorbox iframe 上设置正文字体大小

Question

该网站有一个 body{font-size:__px;) 使用 jQuery 根据窗口尺寸动态设置。 onclick 函数打开一个包含 iframe 的颜色框：

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

我想将 iframe 的 body{font-size:--px;} 设置为与当前父 body{font-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");

-

编辑：坏

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

");

好

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

让我们知道您的进展如何。