保持可以放大的div大小

Question

div如何在可以放大的同时保持其可打印布局？

我试图通过使用jQuery来使div可缩放，以影响ID为“ page”的div的高度和宽度的百分比。

<div style="
height: 70%;
width: 70%;"
id="page">

默认值为70％宽度和70％高度，如果按下+按钮，则在高度和宽度上添加+ 5％（最大高度/宽度为100％），反之亦然，如果按-按钮，则按-5％的高度/宽度（最小10％的高度/宽度）。

当我尝试将最终产品转换为pdf时，修改后的高度/宽度不会恢复为默认值，并且ID div的内容要么不适合pdf，要么太小而无法阅读。

我想要实现的效果反映在一个名为zety的网站上。

Answer 1

尝试一下：

@media print {
   #page {
      height: 100%;
      width: 100%;
   }
}

编辑：

如果您使用jQuery直接修改style属性，则可能需要向CSS规则中添加!important。我建议使用jQuery修改div＃id的CSS，而不是html样式属性：

$("#page").css("width",70%);