title: Tell smartphone browser to use actual resolution to CSS media query
body: <p>I have a website for my bookmarks that works well on all resolutions with CSS media queries. If I scale down my Firefox window, it works just fine:</p>
  
  <p><a href="http://wstaw.org/m/2013/03/21/Bookmarks_-_Mozilla_Firefox_001.png" rel="nofollow noreferrer">http://wstaw.org/m/2013/03/21/Bookmarks_-_Mozilla_Firefox_001.png</a></p>
  
  <p><a href="http://wstaw.org/m/2013/03/21/Bookmarks_-_Mozilla_Firefox_002.png" rel="nofollow noreferrer">http://wstaw.org/m/2013/03/21/Bookmarks_-_Mozilla_Firefox_002.png</a></p>
  
  <p>However, on my Android 4.0 phone with the stock browser, it displays a much wider version of the site, but scaled down. It is pretty unusable that way:</p>
  
  <p><a href="http://wstaw.org/m/2013/03/21/Screenshot_2013-03-21-13-36-57.png" rel="nofollow noreferrer">http://wstaw.org/m/2013/03/21/Screenshot_2013-03-21-13-36-57.png</a></p>
  
  <p>Is there a way to tell the browser to use the actual device resolution for the media query and not some resolution it made up?</p>