title: Media query to target most of smartphone
body: <p>I wrote some CSS code to make an HTML page fit better in mobile browsers. To be sure that my CSS apply only on mobiles, I use to following media query :</p>
  
  <pre><code>@media only screen and (max-device-width: 480px)
  </code></pre>
  
  <p>As an iPhone developer, I tested on this device and it works really well. But I want my CSS to be use on all kind of devices (Android, Windows Phone, etc). </p>
  
  <p>What would be a good resolution that would fit most of smartphone of these days? Or do I need a more complex media query?</p>