title: (Working) @media query for iPhone 6 (phonegap)?
body: <p>I'm trying to update a Phonegap (3.4.0) app by expanding my CSS file for iPhone 6 and iPhone 6 Plus, however, the media queries don't seem to work properly (only testing in Simulator so far, 8.0 / 550.1). In particular, any tests using <code>resolution</code>, <code>device-width</code>, <code>max-device-width</code> etc. seem to fail. I tried to figure out what's going on by testing the conditions one by one. Any tests for <code>device-aspect ratio</code> and <code>resolution</code> failed for iPhone 6. For <code>device-width</code> and <code>device-height</code> I tried both the actual pixel values (1334px, 750px) as well as the virtual dimensions (667px, 375px).  <code>device-height</code> seems to work,  <code>device-width</code> doesn't (app is in portrait mode):</p>
  
  <pre><code>@media screen 
  and (-webkit-min-device-pixel-ratio: 2) /* this one works */
  and (resolution: 326dpi) /* fails */
  and (min-device-width: 375px) /* fails, passes up to 320px ?!? */
  and (device-aspect-ratio: 16/9) /* fails, so does 9/16 ..? */
  and (min-device-height: 375px) /* works, but height only */
  and (max-device-height: 667px) /* works, but height only */
  {
  ...
  } 
  </code></pre>
  
  <p>Not sure if this is a Webkit / phongap or iOS8 issue (or if I overlooked something). Did anyone figure this out / have a (working) iPhone 6 query? Thanks </p>