I am working on a graph created with simple <div>
elements and I am looking for a way to allow users to zoom in and out. It appears that the css zoom property, which is effective in Internet Explorer, does not work well or consistently in other browsers. Is there a mechanism or library available that makes it easy to enable visitors to zoom in and out of a <div>
containing multiple inner <div>
elements? I have experimented with -moz-scale for Firefox, but encountered issues such as z-index misalignment and visual inconsistencies.
I am open to implementing zoom functionality that requires users to have modern browser versions, including the latest releases of Firefox, Chrome, and IE. If there is an HTML5 feature that can achieve this, I am willing to explore that option as well.