使用JavaScript调整DIV大小以适合页面（打印）

Question

所以我正在尝试调整我要打印的两个Div。

这是功能：

function printDiv(printMe) {
     var printContents = document.getElementById(printMe).innerHTML + $('#printMe2').html();

     var originalContents = document.body.innerHTML;

     document.body.innerHTML = printContents;
     window.print();

     document.body.innerHTML = originalContents;

     }

使用onClick按钮调用此函数。

总共有两个Div，其中一个是日历，另一个是桌子。大小有点混乱了。它看起来像这样：

原创DIV

打印版本：

我用JavaScript不太好，所以我不能尝试太多。我搜索了相关的东西，但遗憾的是没有（好的）结果。

提前致谢！

Answer 1

我会为print创建一个不同的css文件，然后用javascript操作html要简单得多。这是你如何做到的： <link rel="stylesheet" href="print-style.css" type="text/css" media="print" /> 要么 @media print body {} 这是一个很好的print-css教程 http://edutechwiki.unige.ch/en/CSS_for_print_tutorial