The difference between adaptive and responsive

the difference:

Adaptive: Multiple sets of interfaces need to be developed;

Responsive: Just develop a set of interfaces.

1. Adaptive:

By detecting the resolution of the viewport, it is judged that the currently accessed device is: PC, tablet, mobile phone, so as to request the service layer and return different pages; responsive design detects the resolution of the viewport. Code processing to display different layouts and content.

2. Responsive:

The screen adaptation for the page is within a certain range: for example, one set of adaptation for PC (>1024), one set for tablet (768-1024), one set for mobile phone (<768); one set for responsiveness All pages fit. (As you can imagine: the content to be considered in responsive design is much more complicated than that in adaptive design)

insert image description here

Responsive Design (RWD): Build a web page and change the size of the web page to adapt to screens of different resolutions through CSS Media Query, Content-Based Breakpoint and other technologies.

Adaptive Design (AWD): Create different web pages for different types of devices, and call the corresponding web pages after detecting the device resolution.

The post Difference Between Adaptive and Responsive first appeared on Lenix Blog .

This article is reprinted from
This site is for inclusion only, and the copyright belongs to the original author.

Leave a Comment