title: Set tablet viewport to 1024px, mobile to device width
body: <p>I have a responsive site with a desktop width > 980px and a mobile width &lt; 768px. I want tablets to view the site at a 980px viewport, but mobile to view at device width.</p>
  
  <p>Specifically, I want the following:</p>
  
  <pre><code>width = device width
  if width &gt;= 768px
    viewport = 980px
  else
    viewport = width
  </code></pre>
  
  <p>What is the best way to approach this problem? I don't want to check the useragent on the server.</p>