Media Queries

CSS3 added an extension to media types that allows you more sophisticated control over defining styles for different devices. This extension is called media queries, and it allows building logical expressions in conjunction with media types. You can test the features of the output device you intend to render the output for, so you can create styles that accommodate your screens better than simple media types.

Media queries are composed of simple test expressions that are combined with logical AND and logical OR operators.

Here is a sample: