iphone - iOS specific media queries -



iphone - iOS specific media queries -

does know of way target ios devices using media queries? i'm looking way give iphone (1,3g,3gs,4,4s,5) user 1 experience, ipad (1,2,3,mini) user another, , else (desktop, android, windows phone, bb) default experience.

i sense options limited since many phones share similar widths , parameters. know of utilize in media queries specific iphones , specific ipads?

i've far locked downwards iphone 5 next code:

@media screen , (device-aspect-ratio: 40/71){}

and iphone 4 , 4s with:

@media screen , (-webkit-min-device-pixel-ratio : 2) , (orientation:portrait), screen , (min-device-pixel-ratio : 2) , (orientation:portrait){} @media screen , (-webkit-min-device-pixel-ratio : 2) , (orientation:landscape), screen , (min-device-pixel-ratio : 2) , (orientation:landscape){}

i've seen similar questions on here, haven't found 1 has addressed specific utilize case.

this utilize in email i'm unable utilize javascript. media queries only...

thanks

media queries can infer a few media features, , designed serve different content based on features, not brand or model.

probably best target exact device-width each device listed: here has provided, indication, how match ipad's dimensions.

the problem out of huge range of devices out there, feature same dimensions (and webkit browser — which can inferred via hacks). in all, css worse js @ determining esoteric brand or os features of device in question.

iphone ios css ipad media

Comments

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

Accessing MATLAB's unicode strings from C -

javascript - mongodb won't find my schema method in nested container -