为什么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(); 

Answer 2

CSS父页面不会影响iframe中的任何内容。事实上，iframe几乎完全从它出现的页面上的代码中被装箱。