javascript - 为什么 iframe 字体大小根本没有改变？

Question

我想将 iframe 字体大小更改为 150%。我已经在 css 中设置了，结果没有改变，仍然是相同的小文本。为什么它不改变大小？

这是我的 CSS 代码，

#frame{
font-size:150%;
}

.frame {
z-index:2000;
}

然后是我的 html 代码，

<div class="frame">
    <iframe id ="frame" srcdoc="<p></p>" width="930"></iframe>
</div>

然后是在 iframe 中打印文本的 JavaScript 代码，

document.getElementById("frame").srcdoc += transcript;

Answer 1

function changeSize(){
    var frame = document.getElementById("frame");
    var content = (frame.contentDocument || frame.contentWindow);
    content.body.style.fontSize = "150%";
}

在将文本添加到 iFrame 后尝试调用此函数，如下所示

document.getElementById("frame").srcdoc += transcript;
changeSize();