title: Firefox scale down entire web page
body: <p><strong>Note:</strong> There are similar questions (and may be outdated) which do not address the Firefox issue.</p>
  
  <p>I'm using CSS3 to scale down an entire web page by 50%.</p>
  
  <pre><code>@media screen and (max-width: 320px) {
  
    body {
      -moz-transform: scale(0.5); /* Moz-browsers */
      zoom: 0.5; /* Other non-webkit browsers */ 
    }
  
  }
  </code></pre>
  
  <p>This works fine in Chrome but Firefox scales it down seemingly 2 times horizontally and vertically. </p>
  
  <p>Is there a new cross-browser solution for properly scaling down?</p>