Adaptive web design is also Responsive Web Design Responsive web design is also adaptive web design. However, to really break it down, adaptation is just a subset of responsiveness, which refers to the adaptation of the overall large picture of the web page or the adaptation of the banner. Responsive design allows one website to be compatible with multiple different terminals
Responsive web design advantages: Fluid Grid websites are suitable for responsive web design.
1. It is flexible and can adapt to devices with different resolutions
2. Conveniently and quickly solve the problem of multi device display adaptation
Adaptive web design advantages: Fixed breakpoint websites are suitable for adaptive web design.
1. It is cheaper to implement and easier to test
2. Adaptive layout can make the design more controllable, because it only needs to consider several states
Although responsive/adaptive web design will bring the disadvantages of large workload, burdensome code, and long loading time for compatible devices, they can be "designed once, universally applicable", and can adapt to screen resolution, automatically zoom pictures, and automatically adjust layout. They are not only the realization of technology, but also a new thinking mode for design.
