O'Reilly logo

Sams Teach Yourself jQuery Mobile in 24 Hours by Phil Dutson

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

Hour 15. Responsive Site Layout

What You’ll Learn In This Hour:

• Understanding responsive design

• How to use media queries

• How to build a responsive page

• How to change styles based on device orientation

Creating a site layout that is responsive is not necessarily something that everyone needs, but when used can create a better layout and user interface. A responsive site layout gives you the ability to build your site for both large and small screen devices while allowing just the right amount of screen space to be used. There are a few different methods that you can use to attain a responsive layout including CSS3 media queries. Let’s start by learning how to use them.

Appreciating Media Queries

A few years ago I was working on a project ...

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