O'Reilly logo

Liferay 6.2 User Interface Development by Jonas X. Yuan, Xinsheng Chen

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

The responsive theme approach

A responsive theme is a web design approach to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across devices (from mobile phones to tablets and desktop/notebook monitors).

It covers fluid, proportion-based grids, flexible images, and CSS3 media queries as explained in the following list:

  • Fluid, proportion-based grids: The page element sizing is in relative units, such as percentages, rather than absolute units such as pixels or points
  • Flexible images: Images are sized in relative units to prevent their being displayed outside their containing element
  • Media queries: It uses different CSS style rules based on the characteristics of the device the site ...

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