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 ...