With CSS3 media queries, you can do just that—create a layout that resizes to accommodate different screen resolutions.

Media queries are the recent design trend called responsive web design. This is when all page elements, including images and widgets, are designed and coded to resize and realign seamlessly and elegantly, depending on the capabilities and dimensions of the user’s browser.

Browser Support
Support for media queries is very good:

■ IE9+
■ Firefox 3.5+
■ Safari 3.2+
■ Chrome 8+
■ Opera 10.6+
■ iOS 3.2+
■ Opera Mini 5+
■ Opera Mobile 10+
■ Android 2.1+
Follow Us #