css3 - Media queries for iPhones are not working -

css3 - Media queries for iPhones are not working -

i maintain trying , trying, media queries not working iphones.

@media screen , (max-device-width: 667px) {}

it's supposed back upwards iphones, 6 plus. can help?

in terms of targeting versions of iphone / iphone 6, post provides helpful response: iphone 6 , 6 plus media queries

to back upwards little devices, under 667px mark, can generalize media query to:

@media screen , (max-width: 667px) { ... }

if testing on desktop, little window size, reason max-device-width may have not been working is:

width versus device-width

in css media difference between width , device-width can bit muddled, lets expound on bit. device-width refers width of device itself, in other words, screen resolution of device.

source: http://www.javascriptkit.com/dhtmltutors/cssmediaqueries2.shtml

css3 responsive-design media-queries