Responsive Web Design

What Does Responsive Web Design Mean?

Responsive web design (RWD) is an approach in web development and design that is geared toward creating sites that provide an efficient and appealing visual experience with text that is easy to navigate without altering the resolution of a display screen.

Advertisements

This capability extends to any device or browser used to view a website, which means the website appearance and layout change according to the size of the display screen.

Techopedia Explains Responsive Web Design

RWD is used to adapt a website’s layout to a user’s viewing environment via fluid and proportion-based grids, flexible images and smart CSS and script usage.

RWD uses the following methods:

  • Fluid grids, where elements are resized through the use of relative units, like percentages, versus absolute units, like standard measurements and pixels
  • Flexible images, which are also sized in relative units
  • Cascading Style Sheet (CSS) media queries, which allow a website to determine device type, screen size and browser capabilities, enabling the delivery of different style rules based on these characteristics
  • Server-side components with media queries, which enable faster loading websites – even with slower cellular data speeds
Advertisements

Related Terms

Latest DevOps Terms

Related Reading

Margaret Rouse

Margaret Rouse is an award-winning technical writer and teacher known for her ability to explain complex technical subjects to a non-technical, business audience. Over the past twenty years her explanations have appeared on TechTarget websites and she's been cited as an authority in articles by the New York Times, Time Magazine, USA Today, ZDNet, PC Magazine and Discovery Magazine.Margaret's idea of a fun day is helping IT and business professionals learn to speak each other’s highly specialized languages. If you have a suggestion for a new definition or how to improve a technical explanation, please email Margaret or contact her…