What are the differences between adaptive design and responsive design?

—

Main focus is to develop a website in multiple fixed layout sizes.
Offers good control over the design to develop variation in screens.
It is very time-consuming and takes a lot of effort to build the best possible adaptive design as examining it will need to go for many options with respect to the realities of the end user.
There are six standard screen sizes for the appropriate layouts; they are 320px, 480px, 760px, 960px, 1200px, 1600px to design.
Responsive Design

Main focus is to show content with respect to browser space.
Offers less control over the design.
It takes less time to build the design and there is no screen size issue irrespective of content.
It uses CSS media queries to design the screen layouts with respect to specific devices and property changes in the screen.

Comments