why are you defining "only screen and (max-device-width: 480px)" twice? the comma isn't part of the media query spec so that's prob breaking your conditions and isn't rendering your CSS.
On Sat, Jul 2, 2011 at 7:45 AM, Keith Purtell <[email protected]>wrote: > When I was setting up the CSS for my website, a very good web developer I > know showed me how to embed the CSS for mobile devices like my new iPhone > inside the main style sheet. That way there are less calls to the server. > Problem is, it's not working. When I go to the site, I don't see certain key > features like the 1 em that is supposed to vertically separate each > paragraph. Here's the code he wrote and told me to use, can someone tell me > why it has no effect? ... > > > > @media only screen and (max-width:480px), only screen and > (max-device-width:480px) > { > #main, #article { > width:98%; margin:0 auto;} > p {font:normal 14pt/1.4; > letter-spacing:.03em; > margin:0 0 1em 0; > max-width:98%; > padding-right:10%;} > #navigate {width:75%; > margin-left:1%; > border:1px solid red; > display:block; > overflow:hidden;} > } > > - Keith > > -- > -- > You received this because you are subscribed to the "Design the Web with > CSS" at Google groups. > To post: [email protected] > To unsubscribe: [email protected] -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected]
