How to Use CSS3 Media Query

10/5/2014·1 min read
Responsive image
Photo by Per Lööv on Unsplash

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.