Older versions of HTML and CSS allowed for Media Queries to identify output devices including printers, Braille readers, and audio-reader devices. New additions in CSS3 allow Media Queries to detect screen size (in pixels) as well as other more esoteric properties of a browsing environment.
Dreamweaver CS6's Multiscreen preview and Media Queries dialog work together to preview and edit how the same HTML page content will display differently in a smart phone, a tablet, and a full-sized monitor.
In the next chapter of this book, we'll begin to explore a different approach to creating mobile-friendly sites: jQuery Mobile. The jQuery Mobile approach provides a more dynamic, animated, inviting style for mobile sites, but, as you'll see in Chapter 7, Mobile Pages with jQuery Mobile, it requires separate content for full-sized and mobile sites.