到底什么是响应式网站

响应式布局这个名词相信大部分设计师都不陌生，也能清楚知道它的基本呈现效果。但具体操作及与开发人员协作时，可能会遇到很多问题。寻找资料时发现大多数教程都是针对前端开发工程师打造的，并伴随着许多晦涩难懂的专业名词，让人难以理解。
很多人会对响应式布局和自适应式布局产生混淆，确实他们的原理是非常相似的，都是检测设备，根据不同的设备采用不同的 css。至于他们的区别，有个很简单的方法：同一个页面在不同尺寸的屏幕上访问时，看网址是否一样，只有一个网址为响应式，有多个不同的网址为自适应。另外的区分点是：是否需要一对一的设计界面，是则为自适应。
那么对于自适应与响应式我们到底选择用哪个？其实在页面功能不多，用户交互少，不需要经常升级，响应式设计从运营的难易和维护的便利性考虑会更好，只要搞定网页端，其他的也都搞定了。如果从页面个性化多功能方面考虑，自适应设计更合适，因为这样可以更好地为用户提供功能全面，体验更好的界面。例如功能复杂、用户交互频繁的网站、电商类网站，用户量较大的网站选择自适应更合适。
响应式可以响应的前提有两点：页面布局具有规律性，必须建立灵活的网格基础，元素宽高可用百分比代替固定数值；网页图片必须是可伸缩的（页面中图片不固定宽/高）。这两点也是栅格系统本身的典型特点，所以利用栅格系统进行响应式的设计是顺理成章的，也比较高效快捷，所以响应式与栅格化天生一对好搭档。