title: How can I increase or decrease font size of a whole page
body: <p>I'm using the following but it doesn't work.</p>
  
  <pre><code>function changeFontSize(){
          parent.frames['main'].document.body.style.fontSize = "150%";
      }
  </code></pre>
  
  <p>I hope i wouldnt have to cycle through each element on the page and give it the font size like that because that will be very inefficient</p>