What is a Responsive Website?


Responsive web design is an approach to designing and developing applications and websites that detects the user’s screen size, platform and orientation, and changes the layout accordingly. At a minimum, it includes flexible grids, images and intelligent use of CSS media queries, but in a more practical sense, it goes into all aspects of development and design; by adapting the user experience based on device, size, browser version, OS version and so forth.


A responsive website is one that is built on a fluid scale and adapts depending on the device displaying the Web page. The user has the best experience possible, on that device, without having to create separate web pages for every device — no more pinching and zooming.

Who doesn’t like responsiveness? It just sounds nicer and besides, Google now requires it.

Additional Resources

See OU Campus Documents.

Next Up: Information Architecture.