O'Reilly logo

Dreamweaver CS6 Mobile and Web Development with HTML5, CSS3, and jQuery Mobile by David Karlins

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 6. Responsive Design with Media Queries

It is a multimedia world. People experience and interact with web content with a variety of media, ranging from large-screen projections of websites to hand-held devices. This presents specific challenges for web designers.

One of those challenges revolves around designing pages that are accessible, inviting, and functional at highly varying sizes. A page with centered content, sidebars on the left and the right, and text flowing around images may be inviting on a laptop, but a jumbled mess on an iPhone.

With the advent of HTML5 and CSS3, it is possible to design pages that detect the size of a viewing device (the viewport), and to present unique page layouts customized for that device. So, for example, ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required