The CSS media query you have here should work. Do you have a publicly
accessible URL where we can see this in action?
-- August
On Jan 21, 2008, at 9:09 PM, jonmelville wrote:
>
> What is the best way to do this? I am confused at all the possible
> options for serving iphone-only css.
> I have tried the following:
>
> <link media="only screen and (max-device-width:480px)" href
> ="small-devices.css" type="text/css" rel="stylesheet" />
>
> This works, but it serves it to EVERY browser, not just iPhones. Then
> I though about sniffing the useragent, but that is really overkill for
> what I am trying to do. I just want to serve one rule to iPhones only:
>
> body {
> -webkit-text-size-adjust: none;
> }
>
> I want to hide this from other browsers as it doesn't validate. Any
> ideas?
>
> >
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"iPhoneWebDev" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/iphonewebdev?hl=en
-~----------~----~----~----~------~----~------~--~---
