经常有人问我什么是响应式布局这个问题。那么接下来我们来说一下响应式布局以及它与自适应页面布局的区别。
响应式布局概念:页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。
响应式页面:无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备;换句话说,页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样,我们就可以不必为不断到来的新设备做专门的版本设计和开发了。
自适应页面:是为不同类别的设备建立不同的网页,检测到设备分辨率大小后调用相应的网页。基于断点,静态布局,一旦页面被加载则无法进行适应。大家可以理解为不同大小的设备上呈现同样的页面,让同一个页面适应不同大小屏幕,根据屏幕的大小,自动调整布局。