I'm retrofitting my website for mobile devices. One aspect of the website uses iFrames. A parent window loads various child windows while the user is engaged with a certain task. This system performs fine on a desktop. But on an iPad or iPhone, if the user zooms a section of a child window and clicks a link, opening another child window, that new window loads zoomed. I know it isn't "the end of the world" for that to happen, but I would prefer that the new child window first appear completely visible in the viewport, both for asthetic reasons, and for the user's convenience. I don't know how to accomplish that, and would appreciate guidance.
I've tried using the viewport meta tag on the parent window, but it seems to cause that window to load zoomed to begin with, which is even worse than the scenario I've described. Moreover, refreshing the parent window did not remove any zoomed scaling which was performed from a child window. Simply refreshing the page doesn't restore original scaling.
You can visit the iFrame parent and child windows at http://mauitradewinds.com/Test/RezEasy/rezeasy.html