保持可以放大的div的大小

Question

div如何能夠在放大的同時保持其可打印的布局？

我試圖通過使用jQuery來影響div的高度和寬度的百分比，ID為“page”。

<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%);