Convert Device Info to Media Query

[jrahma]

Hi,

I have check the iPhone 6 Plus specifications on apple.com and found the following under the Display section:

5.5"
1920-by-1080-pixel resolution at 401 ppi

I want to know how can re-write this in CSS media query format to be something like this:

@media only screen 
and (min-device-width : ----px) 
and (max-device-width : ----px) 
and (orientation : portrait [OR LANDSCAPE]) 
and (-webkit-min-device-pixel-ratio : -----)

Thanks,
Jassim

[Bonesnap]

The width should be pretty self-explanatory (1920), and the orientation is definitely going to be landscape since 1920x1080 is 1080p (portrait will be the opposite of course). According to this article, all Apple Retina Display devices have a pixel ratio of 2.