title: Show Different Meta Tag Based on Device
body: <p>Running into all kinds of meta tag issues today...</p>
  
  <p>I want this meta tag to be displayed on devices that are (max-width: 1024px) and (min-width: 768px)...</p>
  
  <pre><code>&lt;meta name="viewport" content="minimum-scale=1.0, maximum-scale=1.0" /&gt;
  </code></pre>
  
  <p>And this meta tag for devices that are (min-width: 320px) and (max-width: 568px)...</p>
  
  <pre><code>&lt;meta name="viewport" content="maximum-scale=1.0" /&gt;
  </code></pre>
  
  <p>Whats the best solution to display the appropriate meta tag?</p>
  
  <p>Can I use <code>"media="only screen and (device-width: 768px)"</code> for example on a meta tag?</p>