title: Bad S4 mini web resolution recognition
body: <p>I'm having some troubles with my Samsung S4 mini. Why if I visit this page</p>
  
  <p><a href="http://pieroxy.net/blog/pages/css-media-queries/test-features.html" rel="nofollow">http://pieroxy.net/blog/pages/css-media-queries/test-features.html</a></p>
  
  <p>i retrieve width 360px and height 567px when in the Samsung site the resolution for S4 mini is 540X960?</p>
  
  <p>For this reason using css to retreive the resolution I retrieve the bad resolution, I'm using the code as follow in order to adapt webpage elements:</p>
  
  <pre><code>...
  @media screen and (min-width:151px) and (max-width:300px)...
  @media screen and (min-width:301px) and (max-width:600px)...
  ...
  </code></pre>
  
  <p>How can I retrieve the correct resolution?</p>
  
  <p>Thanks a lot!</p>