title: CSS media query, target only screens larger than phone
body: <p>I'm trying to make a css media query that will only kick in for screen larger than an iphone and my googling has not solved it.</p>
  
  <p>So I want my media query to target only devices tablet size and up. Smartphones should not be targeted.</p>
  
  <p>This is what I've tried:</p>
  
  <pre><code>    @media only screen 
      and (min-device-width : 1136px) and (min-width:561px)
  </code></pre>
  
  <p>but it seems to not work for my iphone 5; the phone still executes the css in the query.</p>