在colorbox iframe上设置body font-size

Question

该网站有一个基于窗口维度使用jQuery动态设置的主体{font-size：__ px;）。 onclick函数打开一个包含iframe的颜色框：

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

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

让我们知道你是如何上场的。