Differences between responsive websites and adaptive websites: responsive websites

Differences between responsive websites and adaptive websites: responsive websites

1. Adaptive website

 

Adaptive website source code features:

(1) Layout of width percentage

(2) text rem (em) setting size

 

Presentation form: Adaptive is used to display the same webpage on devices of different sizes,The content and layout of the website have not changed..

 

2. Responsive websites

The most famous is the front-end framework bootstrap (http://v3.bootcss.com/css/) with responsive raster system layout.

 

What's the difference with adaptive websites?:

Responsive websites can automatically recognize the screen width and make corresponding adjustments to the webpage design,The layout and display content may change..

 

The following two websites are provided for your experience:

Adaptive Website: http://m.ctrip.com/html5/

Responsive Website: http://v3.bootcss.com/css/

 

Change the screen size to a smaller value to view the layout effect.

 

Some of the content is from the blog: http://blog.csdn.net/zxl1033394132/article/details/50574382.