Responsive design
scrolling across a wide range of devices (from desktop computer monitors to mobile phones)
A site designed with RWD adapts the layout to the viewing environment by using rule, in the following ways
- The fluid grid concept calls for page element sizing to be in relative units like percentages, rather than absolute units like pixels or points
- Flexible images are also sized in relative units, so as to prevent them from displaying outside their containing element
- Media queries allow the page to use different CSS style rules based on characteristics of the device the site is being displayed on, most commonly the width of the browser.
Advantages of responsiveness in web design
- Increasing your reach to tablet and mobile audiences
- Increase sales and conversion rates
- Consolidate your analytics and reporting
- Increase your visibility in search engines
- Save time and cost on mobile development
- Save time and cost on site management
- Enhance user’s offline browsing experience
- Better usability
- Display specific content
- No need for multiple platform specific apps
- Publish content only once