HTML and CSS Reference
In-Depth Information
This demo file from Opera uses media queries to rearrange elements and resize
text and images based on viewport size.
Media queries couldn't come at a better time — there is more variety in the
devices and settings people use to browse the web than ever before. You
can now optimize your designs more precisely for these variations to
provide a more usable and attractive design, but without having to write
completely separate style sheets, use JavaScript redirects, and other less
e
!
cient development practices.
Media queries are supported to some degree by all the major browsers
except IE. Also, media queries are particularly helpful in serving alternate
styles to small-screen mobile devices. IMPROVING EFFICIENCY THROUGH
CSS3
