response.css中媒体的新属性无效

Question

Hello I hope you can answer my question,

My problem is that my responsive.css isn't responding, I edited the media queries, I added new attributes for it but it didn't show when I inspect element using firebug, what's wrong with this ?

thanks in advance !

Answer 1

Make sure that your code have formatted like below.

 @media (max-width:320px) 
 { 
 #promo{float:left;}
 nav{width:90%;} 
 nav ul li a{width:83%;} 
 #banner{margin:auto; float:none; position:relative; margin-top:78%; height:229px; width:100%; float:left !important;} 
 .footer-links {margin-bottom:20px; padding-left:7%; text-align:left!important; width:100%;}
 }