CODEWITHSUNDEEP
htmlcss
oyed
oyed

Reputation: 570

CSS/HTML - iPhone Web App, targeting non-Retina only

My code is:

<link rel="stylesheet" href="/theme.css">
<link rel="stylesheet" href="/theme_retina.css" media="only screen and (-webkit-min-device-pixel-ratio:2)">

And it works as expected, Retina devices use the retina CSS and non-retina use the normal CSS. But I would like a media addition to the non-retina link tag so that it will only be used for non-retina devices, and I have been looking and can't find anything.

Thanks.

Upvotes: 2

Views: 269

Answers (1)

danwellman
danwellman

Reputation: 9253

Won't this work?

<link rel="stylesheet" href="/theme.css" media="only screen and (-webkit-max-device-pixel-ratio: 1)">

This gist lists more

Upvotes: 1

Related Questions