Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Revision 1023108 of Responsive design versus adaptive design

  • Revision slug: Archive/Apps/Design/UI_layout_basics/Responsive_design_versus_adaptive_design
  • Revision title: Responsive design versus adaptive design
  • Revision id: 1023108
  • Created:
  • Creator: chrisdavidmills
  • Is current revision? Yes
  • Comment Web/Apps/Design/UI_layout_basics/Responsive_design_versus_adaptive_design Archive/Apps/Design/UI_layout_basics/Responsive_design_versus_adaptive_design

Revision Content

Both responsive and adaptive design attempt to optimize the user experience across different devices, adjusting for different viewport sizes, resolutions, usage contexts, control mechanisms, and so on.

Responsive design works on the principle of flexibility - a single fluid website that can look good on any device. Responsive websites use media queries, flexible grids, and responsive images to create a user experience that flexes and changes based on a multitude of factors.

Adaptive design is more like the modern definition of progressive enhancement. Instead of one flexible design, adaptive design detects the device and other features, and then provides the appropriate feature and layout based on a predefined set of viewport sizes and other characteristics.

 

 

 

Revision Source

<p>Both responsive and adaptive design attempt to optimize the user experience across different devices, adjusting for different viewport sizes, resolutions, usage contexts, control mechanisms, and so on.</p>

<p>Responsive design works on the principle of flexibility - a single fluid&nbsp;website that can look good on any device. Responsive websites use media queries, flexible grids, and responsive images to create a user experience that flexes and changes based on a multitude of factors.</p>

<p>Adaptive design is more like the modern definition of progressive enhancement. Instead of one flexible design, adaptive design detects the device and other features, and then provides the appropriate feature and layout based on a predefined set of viewport sizes and other characteristics.</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>
Revert to this revision