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

Defining a Media Query for smartphones

In this example, we'll walk through, step by step, how to use Dreamweaver's flexible and highly useful three-column HTML5 layout. We will create a Media Query to display this two-column content in a layout more appropriate for cell phones—without columns or sidebars.

As always, the starting assumption is that you are working in a Dreamweaver site (refer back to Chapter 1, Creating Sites and Pages with Dreamweaver CS6, if that doesn't register). With a site defined, the following steps will produce a nice, appropriately minimalist layout for your page in a cell phone:

  1. Go to File | New. In the New Document dialog, select the Blank Page category. Choose HTML from the Page Type column, and choose the first HTML5 ...

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