title: Is it possible to only call Viewport Meta tag at 768px and below?
body: <p><strong>The basic question:</strong></p>
  
  <p>Is there away I can set the viewport meta tag to only come into effect at 768px and below?</p>
  
  <p><strong>Reason:</strong></p>
  
  <p>I've built a responsive e-commerce site using standard @media browser sizes:</p>
  
  <p>Over 1200px
  1025px to 1199px
  980px to 1024px
  768px to 979px</p>
  
  <p>Due to the complexity of the site it's not viable, time or layout wise, for me to use @media queries to make the site usable for mobile browsers so I'd like to use the viewport meta tag to force all small mobile browsers to display the 768px to 979px layout.</p>
  
  <p>To do this I can easily use:</p>
  
  <pre><code>&lt;meta name="viewport" content="width=768px; /&gt;
  </code></pre>
  
  <p>The only problem with that is that it over-rides the 980px to 1024px @media queries designed for iPad landscape, and forces iPad Landscape to display the smaller layout I designed for iPad Portrait, i.e. the 768px to 979px layout.</p>
  
  <p>The answer to my prayers would be if I could set the viewport meta tag to only come into effect at 768px and below - is that possible?</p>