How to Use CSS3 Media Query

2014/10/41 min read
bookmark this
Responsive image

if you want to apply following media specific style to the site, you could use CSS3 media query. 

/* apply these style when width is greater than 240px */ 
@media only screen and (min-width : 240px) 
{ 
}

Check the detail document from following url, CSS media queries.

Also, CSS3 media queries' specification.

In additional, probably should use modernizr at your site. see modernizr.js. Media Query is CSS3 features, but if the browser doesn't support it you might have to do something your own at your site.