什么是自适应网页？为什么需要自适应网页设计

　　自适应网页设计（AdaptiveWebDesign）指能使网页自适应显示在不同大小终端设备上新网页设计方式及技术。

 

　　2010年，EthanMarcotte提出了“自适应网页设计”(ResponsiveWebDesign)这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。他制作了一个范例，里面是六个主人公的头像。

 

　　如果屏幕宽度大于1300像素，则6张图片并排在一行。

 

　　如果屏幕宽度在600像素到1300像素之间，则6张图片分成两行。

 

　　如果屏幕宽度在400像素到600像素之间，则导航栏移到网页头部。

 

　　为什么需要自适应网页设计？

 

　　时代在进步，不断涌现的各种新型设备(手机/平板电脑)、平台和浏览器都需要你的网站的网页能够兼容显示。自适应网页设计代表了一种必然的设计趋势，有越来越多的网站都采用了自适应网页设计。

 

　　自适应网站能够给用户带来更好的浏览体验，网站建设需要考虑页面布局。当然自适应设计目前价格相对比较高，如果网站的要求的版面相对比较复杂的话，消耗的时间会比较长，比较适合单栏或双栏等简单版面网站。