インラインフレーム内の文字の大きさ

解決済

質問者：air_grow
質問日時：2007/07/31 12:09
回答数：2件

インラインフレーム内のサイトの文字の大きさを変更することは、可能でしょうか？よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： steel_gray
回答日時：2007/07/31 19:10

#1です。

とりあえずの一例ですが。

<html>
<head>
<title></title>
<script type="text/javascript">
function fontSizeCtrl(fSize){
var ifr = document.getElementById('iframe01');
var ifrDoc = (ifr.contentDocument)?
ifr.contentDocument :
ifr.contentWindow.document ;
ifrDoc.body.style.fontSize = fSize;
}
</script>
</head>
<body>
<p>
<input type="button" value="文字-大" onclick="fontSizeCtrl('larger')">
<input type="button" value="文字-中" onclick="fontSizeCtrl('')">
<input type="button" value="文字-小" onclick="fontSizeCtrl('smaller')">
</p>
<p>
<iframe src="～" id="iframe01"></iframe>
</p>
</body>
</html>

これは、フレーム内のhtmlの<body>に
style="font-size:larger"（またはsmaller）を、追記するJavascriptです。
フレーム内の全てのフォントサイズの指定をしていないか、相対指定
（CSSの smaller/larger で指定）
してあれば全てのフォントサイズが変化しますが、
別の指定方法（?pxとか）がされていれば変化が起きません。