Monday, July 16, 2012

Media queries

To add a separate stylesheet after your main stylesheet and use the cascade to overwrite the rules, use the following.



@media screen and (max-width: 1024px) { /* Specific to this particular image */
.header
{
height: 65px;width:90%;
background: #FFFFFF;
padding: 5px;
background-image: url(../images/title.jpg);
background-repeat:no-repeat;
background-position: 15px 15px;
}



}

No comments:

Post a Comment