关键词：HTML5网站 响应式设计 自适应网站
指的是网页通过不同尺寸不同终端设备访问可以自适应显示，根据屏幕大小、宽度自动调整布局，自适应也可以叫响应式。自适应、响应式是HTML5新技术。
1、传统网页设计，PC一套代码，手机一套代码；响应式设计，PC、手机采用同一套代码，统一管理。
2、传统网页设计是固定宽度页面布局，自适应网页设计采用流式页面布局，不受宽度限制。
3、传统网页设计有专门的手机域名，响应式设计电脑手机采用同一个域名。
4、响应式设计能有效避免网页内容重复，可以专心维护一个网页。
5、传统网页设计需要针对电脑、手机双端进行优化，响应式设计网站优化更简单，对搜索引擎更友好。
时代在进步，不断涌现的各种新型设备(手机/平板电脑)、平台 和浏览器都需要你的网站的网页能够兼容显示。 自适应网页设计代表了一种必然的设计趋势，有越来越多的网站都采用了自适应网页设计。
工程科技类网站案例欣赏
http://www.anlanwaterfront.com
集团公司类案例欣赏
http://u128418.iyz168.com
环保家电类网站案例欣赏
http://u113331.iyz168.com
电子科技类企业网站案例欣赏
http://u123061.iyz168.com
摄影公司网站案例欣赏
http://u113387.iyz168.com
装修设计网站案例欣赏
http://u110822.iyz168.com
自适应网站能够给用户带来更好的浏览体验，网站建设需要考虑页面布局。当然自适应设计目前价格相对比较高，如果网站的要求的版面相对比较复杂的话，消耗的时间会比较长，比较适合单栏或双栏等简单版面网站。
