Is there a way for a div to maintain its print layout while still allowing for zooming?
I attempted to enable zoom functionality on a div using jQuery to adjust the height and width percentages of a specific div with the ID "page".
<div style="
height: 70%;
width: 70%;"
id="page">
By default, the div has 70% width and 70% height. Pressing the + button increases both by 5% (up to a maximum of 100% each), while pressing the - button decreases them by 5% (with a minimum of 10% each).
However, when attempting to convert the final product into a PDF, the modified height and width do not revert to the defaults. As a result, the content within the div either doesn't fit properly in the PDF or becomes too small to read.
https://i.sstatic.net/R5gtr.png
The desired effect is similar to what is displayed on a website called Zety.