What are the differences between responsive layout and adaptive layout produced by Beijing website

Customers often ask what is the difference between responsive layout and adaptive layout? Let's talk to you today. First, let's understand what is called responsive layout and adaptive layout.
Responsive layout:
Responsive layout is a definition clearly put forward by Ethan Marcotte in May 2012. To put it simply, a website can adapt several terminal devices - rather than making a special version for each terminal device. This definition came out to deal with mobile Internet access.
Responsive layout can produce more comfortable pages and stronger customer experience for customers with different terminal devices, and with the popularization of mobile display terminals at this stage, it is not too difficult to describe the inevitable trend. With more and more designers using this technology, we have not only seen a lot of independent innovation, but also seen some molding methods.
Responsive Web Design refers to the method and technology for making web pages adaptive to display information on smart terminals with different sizes.
With the popularization of mobile, more and more people use mobile Internet.

Mobile terminals are overtaking PC end machine equipment and becoming the most common terminal equipment for browsing Internet technology. Therefore, website designers have to face a difficult point: how to display the same web page on machines of different sizes.
The display screen on the mobile phone is relatively small, and the width is generally less than 600 pixels; The width of PC display screen is generally more than 1000 pixels (the current popular width is 1366 × 768), and some of them are 2000 pixels. It is not easy for the same content to show satisfactory practical results on displays of different sizes.
The solution for many web addresses is to show different web pages for different machine devices, such as a mobile version or an iPhone/iPad version. Although that ensures the actual effect, it is inconvenient. In addition, many versions need to be maintained. If a website has several portals, it will greatly increase the complexity of the architecture model.
Therefore, many people have long thought about whether it is possible to "design at one time and make it widely available", so that the same web page can be automatically integrated into a display screen of different sizes, depending on the width of the display screen , automatically adjust the layout.
When making web pages, "what kind of web address/new project is suitable for adaptive layout (fixed breakpoint)? What kind of web address is suitable for responsive layout? (fluid grid)"
Theoretically, responsive layout is better than adaptive layout in all cases, but adaptive layout is more practical in some cases.
Adaptive layout can make your design scheme more adjustable, because you only have to consider several types of situations. But in a reactive layout, you will have to face a lot of situations - yes, most of them are not very different, but they are really different - so you can't accurately understand what your design will be like. In addition, this also leads to difficulties in detection. You can't predict and analyze it for sure. From another perspective, this is also the charm of responsive layout. You can get a higher level of certainty according to the existence of the allowable uncertainty on the surface. Although you can't reasonably predict how your design scheme will be displayed in the 943px × 684px visual effect space collection at the pixel level, you can be sure that they will display very well - both the surface features and the layout structure are in order.
Adaptive layout has its own advantages, because they are cheaper to implement , detection is much easier, which usually makes them more practical solutions. Adaptive layout can be regarded as the "poor brother" of responsive layout, which can be used when resources are relatively limited. In particular, the improvement of the current URL should be particularly effective, because it is not feasible to completely rewrite the code at this time. In such instances, selecting adaptive layout is a very good foothold.
In fact, no matter what kind of design concept, there are advantages and disadvantages , it is still necessary to consider and select from the individual! Beijing website construction The needs of the same, we need to choose the type of website production, combined with their own needs.