爲什麼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幾乎完全從它出現的頁面上的代碼中被裝箱。