Responsive Web Design

Responsive web design (or "RWD") is a type of web design that provides a customized viewing experience for different browser platforms. A website created with RWD will display a different interface depending on what device is used to access the site. For example, a responsive website may appear one way on a laptop, another way on a tablet, and still another way on smartphone.

Today, many people access websites from mobile devices, rather than desktop computers or laptops. While most smartphones can display regular websites, the content is difficult to read and even harder to navigate. Therefore, many web developers now use responsive web design to provide a better web browsing experience on small screens.

Websites designed for mobile devices (such as iOS and Android phones), typically have a larger default font size and simplified navigation. Some sites also take advantage of the touchscreens interface, providing support for swiping, rotating, and pinching and zooming. A mobile-optimized website may also remove unnecessary content to reduce the need for scrolling. Image rollovers and other mouse hover features are often removed, since touchscreens don't support a mouse pointer.

There are several ways to implement responsive web design. One method is to dynamically detect the user's platform (such as an iPad or iPhone) and load specific HTML and CSS for the corresponding device. Another option is to use media queries, which automatically load different CSS styles depending on the size of the browser window. The Bootstrap package, which contains several prewritten JavaScript and CSS files, is based on media queries and is commonly used in responsive web design.

Updated August 20, 2013 by Per C.

quizTest Your Knowledge

Which of the following statements about XHTML is false?

A
It supports CSS references.
0%
B
It supports JavaScript.
0%
C
It requires more strict syntax than HTML.
0%
D
It was introduced after HTML5.
0%
Correct! Incorrect!     View the XHTML definition.
More Quizzes →

The Tech Terms Computer Dictionary

The definition of Responsive Web Design on this page is an original definition written by the TechTerms.com team. If you would like to reference this page or cite this definition, please use the green citation links above.

The goal of TechTerms.com is to explain computer terminology in a way that is easy to understand. We strive for simplicity and accuracy with every definition we publish. If you have feedback about this definition or would like to suggest a new technical term, please contact us.

Sign up for the free TechTerms Newsletter

How often would you like to receive an email?

You can unsubscribe or change your frequency setting at any time using the links available in each email.

Questions? Please contact us.