Implement responsive design with jQuery Mobile and CSS3
Create web page layouts that adapt to each user's screen resolution
From the developerWorks archives
Date archived: February 13, 2018 | First published: April 24, 2012
On its own, the jQuery Mobile framework is a great solution for quickly creating an accessible, HTML5 markup-driven mobile website. When paired with CSS3, things really get interesting, as it becomes possible to create web page layouts that respond to a user's device based on the screen resolution. This article shows how to use the jQuery Mobile framework and CSS3 media queries to implement responsive design in your web pages.
This content is no longer being updated or maintained. The full article is provided "as is" in a PDF file. Given the rapid evolution of technology, some content, steps, or illustrations may have changed.