установка размера шрифта тела в iframe colorbox

Question

Сайт имеет тело {font-size: __ px;), динамически устанавливаемое с помощью jQuery на основе размеров окна.Функция onclick открывает поле цвета, содержащее iframe:

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

Я хочу установить тело {font-size: - px;} iframe таким же, как текущее родительское тело {font-size: - px;} Как я могу это сделать?

Answer 1

Изменить:

С макушки головы, не проверено!

после $ .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+"
    }

");

GOOD

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

дает нам знать, как вы ладите.

Answer 2

Вы можете выполнить этот код внутри iframe, который установит font-size его тела как тело font-size.

родительского окна.

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