Definition:
Responsive design
Or responsive web design (RWD), is a web page design approach aimed at crafting sites to provide optimal viewing and interaction, an easy-to-read and navigate experience, across a wide range of devices (from desktop computers to mobile phones). It is a very important element when analyzing the SEO of a website.
Responsive design features
A site designed with RWD adapts the responsive design for the viewing environment using fluid and proportionate grids, flexible images, and CSS3 queries, as follows:
- Fluid and proportioned grids: Makes page element sizes in relative units, such as percentages, rather than absolute units such as pixels or dots.
- Flexible images: also sized in relative units, in order to prevent them from occurring outside their container element.
- CSS3 media queries allow the page to use different CSS style rules, based on the characteristics of the device where the site is displayed, usually by calculating the width of the browser.