响应式网站的设计原理有哪些?

首先在CSS中，会有一个不常用的属性media。为了满足响应式的设计目的，让css可以根据屏幕的宽度，使用不同的CSS代码，从而达到自动调整页面DIV的宽度。除了CSS还可以使用JS对页面内容进行动态调整，不过现在这个技术还不是很流行。

在互联网的时代，响应式的网站已经成为了主流响应式网站的优势有哪些：

1、开发、维护、运营成本的优势

只有一个页面，针对不同的分辨率、不同的设备环境进行不同的设计，所以在开发维护和运营的工作中，相对应的多一些版本，就能节约很大一部分的成本!

2、兼容性的优势

现在移动设备的层出不穷，尺寸大小不一，定制的版本只能适用于一定规格的移动设备，如果说新的设备分辨率变化很大，那就不能兼容，响应式网站就可以提前防止这样的事情发生，使其兼容性会更强。

3、操作灵活性的优势

响应式设计主要是针对页面，可以只针对必要的页面去改动，其他的页面不会受到影响。还可以实现数据的同步，避免重复内容的维护，只需专心维护一个后天就可以了!