Differences between responsive websites and adaptive websites: responsive websites

Source: Internet
Author: User

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.

 

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.