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]
