Responsive Web Design vs Adaptive Web Design

Posted on Thursday, September 08, 2016 by Intergy Consulting
RWD vs AWD original image

Responsive Web Design VS Adaptive Web Design

Design plays a leading role in web development. It contributes to the overall appeal and effectiveness of sites. And as new browsers and gadgets emerge, sophisticated techniques in design have become integral to any browser based system development.

There are two main techniques in web design: Responsive Web Design and Adaptive Web Design. Both are aimed in making sure that site visitors get an enhanced viewing experience on mobile devices. However, the two techniques work differently.

What is Responsive Web Design?

Responsive Web Design (RWD) refers to developing sites able to provide optimal viewing experience – from navigating, to resizing, to scrolling – in any browser. Responsive Web Design has three technical components:


Fluid Grids.

Instead of using pixels or points, a percentage-based design is used so that the site adapts and fits the screen of the device accordingly.

Flexible Images.

The size of the images is in relative units to ensure that they display within their containing element.

Media Queries.

CSS rules are applied on the page based on the characteristics of the device used to display it. Commonly, the basis is the width of the browser.

One good example of a site with Responsive Web Design is Microsoft (

Microsoft site in maximised browser view

Microsoft site in maximised browser view


Microsoft site in restored down browser view

Microsoft site in restored down browser view

What is Adaptive Web Design?

Focused on the client and not on the browser, Adaptive Web Design utilises progressive enhancement elements to establish design methods. Essentially, progressive enhancement has three layers involved in the AWD technique:

  • Content layer (HTML)
  • Presentation layer (CSS and styling)
  • Client-side scripting layer (jQuery or JavaScript behaviour)


Microsoft also has its mobile website which uses an Adaptive Web Design.

Ph 1300 739 117 | Email

Book Free Consultation

Please leave this field empty.

  • Intergy was able to exceed our expectations and provide us with a significantly improved web...Read more..

    The Australasian College of DermatologyJacqueline SciancaleporeInformation Systems Officer
  • The College began working with Intergy at a stage when an earlier developer had reached the ...Read more..

    The Australasian College of DermatologyDr R M CorderoyDirector: Educational Development, Planning and Innovation
  • James and the team at Intergy partnered with TD to deliver successful e-Learning solutions f...Read more..

    Tactical DirectionsSamAccount Director
  • Intergy and Relief Software have developed a software application that has changed the way w...Read more..

    Ace Car FreightersPaul DolbyOperations Manager
  • Intergy did an amazing Job and we recommend them 100% as the full package deal. They are rea...Read more..

    Wholesale PumpsGabManager
  • Intergy Consulting has assisted in the development of a web based program customised for AFE...Read more..

    AFEA Pty LtdFreya TClient Services Manager
  • We would highly recommend Intergy to assist clients with quality, user-friendly web page des...Read more..

    Easy Care GardeningLyn GAdministration Officer
  • Southern Phone has found the responsiveness and speed of Intergy’s work refreshing. With t...Read more..

    Southern Phone CompanyPhil HGeneral Manager
  • Intergy ensures our IT systems advance and keep pace with our business growth.

    Picture Media Pty LtdJo TDirector
  • Intergy provides critical support and development services for Speed-E-Gas. In particular In...Read more..

    SPEED-E-GAS (NSW) Pty LtdShane BOffice Manager
  • Intergy Consulting has helped develop the Purchase Order Management System for KONE Elevator...Read more..

    KONE Elevators Pty LtdKabirul HNEB Supply Manager
  • Our new platform is straight forward to use, the communication and training has been superio...Read more..

    Thalgo Australia (BLC Cosmetics)Fiona ColesMarketing & Communications Manager
Intergy Menu