响应式网站的由来和特点

现在只要提到网站建设，就会提到响应式网站。那么，到底什么是响应式网站呢？响应式网站又是怎么被发现的？为什么会被广泛的应用呢？今天上海松一网站制作公司就来聊聊关于响应式网站的问题。

所谓的响应式网站简单的来说就是网站集中页面的图片排版的大小，可以智能地根据用户行为以及使用的设备环境进行相对应的布局,不仅可以在电脑上正常显示显示，手机和平板也都可以，这

是一种排版很规整的网站

响应式网站这个概念是由国外 网页设计师Ethan Marcotte在2010年5月所提出的，他曾经在A List Apart发表过一篇文章，文中援引了一门新兴学科--“响应式架构”提出了关于物理空间应该可以根据存在于其中的人的情况进行相应，将这个思路延伸到web领域，我们就得到了一个新的概念。

为什么一定要为每个用户群各自打造一套设计和开发方案呢？web网站同样应该做到根据不同设备环境自动相应及调整。其设计理念是为了页面的设计和开发应当根据用户行为以及设备环境的变换而变化来进行相应的响应和调整。

具体实践方式用多方面组成，包括弹性网格和布局，图片，CSS的使用等等。无论用户们正在使用的是笔记本或是iPad还是手机，我们的页面都能够自动切换分辨率，图片尺寸以及脚本功能等，来适应不同的设备，换句话说，页面应该有能力去自动响应用户的设备环境。

响应式网站还能同事兼容多个终端而不是为了每一个终端去做特定的版本，有了响应式网站，工程师们就不需要把更多的精力用在调整网页上了，因为只要做出一个响应式网站就能在不同的设备上同时拥有良好的效果，并不会因为设备的屏幕大小而出现网页排版错乱，布局被破坏等情况。

响应式网站在2012年被提的比较多，但仍在不断的变化和更新，因为会有更多的设备被开发出来，响应式网站也会被更多的设备所应用，“让人忘记设备尺寸”这个概念将更快的驱动着响应式网站，所以响应式网站也会迎来更多的设计元素。除了适应更多的移动设备以外，这个设备也会用到不同的浏览器，比如mac上可以安装除了IE以外的所有浏览器，普通电脑也会用到各式各样的浏览器，并且每种表格因素和浏览器的组合都可能导致不同的页面渲染，从而每个版本上都显得不太一样，但响应式网站因为它的流动性布局使各式各样的浏览器都能自动响应到，所以响应式网站已经完美的替代了以前的传统网站，从而让web领域走向一个新的时代。

本文由松一设计上海网站制作https://www.songyi.net编辑整理，转载请注明出处。