I'm retrofitting my website for mobile browsers, and encountering a scaling issue with part of the site which relies on iFrames.
When mobile visitors use my online reservation system, they must zoom in on a child window, in order to perform tasks, and then tap a link to navigate to another child window, to continue the process. That new child window loads zoomed, instead of loading at scale=1. That is not asthetically pleasing, and obliges the user to scale down the page in order to gain perspective. I would prefer that each new child window load at scale=1, just like the behavior of my non-iFrame pages.
To my understanding, this must be remedied by replacing the iFrames with different technology. The iFrame part of my website starts at http://mauitradewinds.com/Test/RezEasy/rezeasy.html
Can you give me some guidance on how to replace the iFrames with a different approach? I'm at a beginner level with coding.