I am trying to use some CSS that is exclusively for phones. I have tried to do something like this and seen similar suggestions elsewhere.
@media only screen and (max-device-width: 1136px)
The problem is newer phones (ie iPhone 5) have a resolution greater than not so old tablets (ie, iPad 2). Is there any better way to handle this? I don't want to include the resolution of every known phone as a check. Is a user agent check better?