印刷時のボックスのサイズ変更

質問

ページ中に複数のボックスがページ内にちょうど収まるように配置されています。それを印刷ボタンを使用して印刷ファンクションを呼び出したときに用紙にちょうど収まるようにボックスと内部のインナーフレームのサイズを変更したいのですが、javascriptでhtml内の要素を書き換えることは可能ですか？
また、印刷終了時には元の大きさに戻らなければなりません。
もし可能なら印刷時のみページごと差し替えてもかまいません。
やり方を教えてください。

よろしくお願いします。

回答No.3

steel_gray

#1,2です
＞iframeを変更しても印刷時にはURL先を再取得しない
ごめん、意味／問題点が分らないので撤退します。

お礼

steel_grayさんでは解決できないようなので、他を待ちます。
もしくはわかるようにもっと勉強してきてください。

回答No.2

steel_gray

#1です。
例ってのはあくまで印刷用スタイルの指定例でして・・・

iframeも同様に指定するとか、
iframe内に表示するhtmlにも必要があればそこでも指定するとか、
実際のhtmlに合わせてみてください。

補足

いや、iframeを変更しても印刷時にはURL先を再取得しないので、画面表示時のサイズのままです

回答No.1

steel_gray

印刷用スタイルシートを用意してはどうですか？

例 - 印刷時はdivのwidth、heightを変える
div {
width:800px;
height:400px;
border:solid 1px black;
}
@media print {
div {
width:300px;
height:600px;
}
}

補足

ボックスだけではだめです
インナーフレームのサイズも変更しなければなりません。