title: Shrinking HTML content without viewport
body: <p>We have a web based LOB application and currently we are shrinking the content of the app when it goes onto a smaller resolution browser i.e. IPad, using the viewport. using javascript:</p>
  
  <pre><code>    document.querySelector("meta[name=viewport]").setAttribute(
            'content',
            'width=device-width, initial-scale=0.8');
  </code></pre>
  
  <p>This works fine asthecially but it seems to produce a performance hit when the browser has to scale everything down, especially with our kendo controls (the grid takes a massive hit). </p>
  
  <p>Just wondering if anyone can advice a better was to scale down the viewport without hitting any performance issues?</p>