title: Viewport Settings For Responsive Design
body: <p>Okay,</p>
  
  <p>So I am designing a site which needs to be responsive.</p>
  
  <p>The design is nailed down and I have just been doing some testing.</p>
  
  <p>In order to get my media queries for mobile devices to work, think phones not ipad in this instance, I have set up a media query and everything looks perfect.</p>
  
  <p>In order to make use of these media queries, I use:</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  </code></pre>
  
  <p>However, this also has an impact on the ipad version, specifically the portrait version of my site which I do not need to touch.</p>
  
  <p>I guess my question is how can I control which devices pick up the viewport settings?</p>
  
  <p>Ideally I'd like to be able to do this on a 'less then this amount of pixels' basis but I'm open to all suggestions.</p>
  
  <p>Thanks for all contributions in advance.</p>