响应式布局有什么优点和缺点

Responsive Web Design (响应式网页设计)

最初是由Ethan Marcotte 提出的一个设计理念：
就是一个网站能够兼容多个终端，而不是每一个终端做一个特定的版本。

如何使用
1.外部引入：
<link href="url" media="screen and (min-width:0px) and (max-width:400px)"></link>

2.内部：

@media screen and (min-width:0px) and (max-width:400px){
    //style样式
}

响应式网页设计的优点：

1. 跨平台和终端且不需要分配子域。
2. 兼容当前及未来设备。
3. 节约成本。

缺点：

1. 兼容性 不兼容低版本浏览器
2. 移动带宽增多
3. 加载事件长、无用代码太多。