响应式网站的设计原理？

    页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS的使用等。无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以自适应不同设备；换句话说，页面应该有能力去自动响应用户的设备环境。自适应的响应式网站设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本，比如移动端手机网站建设、平板网站建设、微信网站建设、传统PC网站建设。这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了。

    那么，响应式网站的设计原理是什么呢？

    在CSS中，有一个不常用到的属性media。为了达到响应式设计的目的，让css根据屏幕宽度(例如 media screen only @(max-width:480px))，使用不同的CSS代码，从而达到自动调整页面DIV宽度的目的。当然，除了CSS，还可以使用JS对页面内容进行动态的调整，不过这个技术不是很流行。响应式网站设计模式

    1、基于设备：通过主流设备的类型及尺寸来确定布局断点（break point），设计多套样式，再分别投射到响应的设备。

    2、内容优先：根据内容的可读性、易读性作为确定断点的标准，即在对内容进行布局设计的时候，可以无视设备，根据内容决定何时需要采用不同的呈现方式。

    进入移动互联时代，响应式网站设计成为主流趋势！