Browser zoom on contents of iframe
Posted on 2014-01-14
We have a site where we are transitioning out of frames / frame sets and are using an iframe for now.
The iframe is contained in an HTML file that has a fixed width of 1024px. The iframe itself is X % of that 1024px.
When a user navigates to a page that is displayed within the iframe and they use the browser zoom (alt / cmd + +/-), contents of the iframe get larger and elements on the right side of the page become hidden. If the page was not inside a fixed width iframe then it would expand accordingly but they become hidden.
I've tried changing the width of the iframe in the parent page when zoomed but that doesn't' work properly.
Any ideas? I can post a mockup on jsfiddle is need be.