（3）响应式布局（ResponsiveLayout）

响应式布局是指页面元素可以随着不同尺寸和分辨率的显示器自动适配。响应式网页布局所具备的良好的适应性和可塑性是如今大量新设备作为显示终端的必然发展趋势，这种设计趋势可以使网页无论在智能手机还是iPad，或者宽屏计算机上都能达到最好的视觉效果。如图1-19所示是某网站在不同分辨率的两个屏幕显示的效果。

图1-19

图1-20是同一品牌网站在不同的显示终端上呈现的视觉效果。

(https://www.daowen.com)

图1-20

响应式布局与传统设计的理念和技术有很大差异，是未来网页设计发展的新方向。如图1-21所示的网站，就是利用响应式布局技术设计实现的，不同的显示终端打开的效果不尽相同。

图1-21

当然，值得注意的是，由于网络4G普及程度不够、网速慢等诸多原因，导致国内能够直接做响应式布局设计的客户还不多。根据“5秒原则”，用户5秒内打不开一个网站就会选择关闭。而通常来讲，响应式网站会耗用较长的时间加载，所以，国内大多数网站采用的还是计算机和移动设备显示终端分开设计的方式。