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样式
}
响应式网页设计的优点:
- 跨平台和终端且不需要分配子域。
- 兼容当前及未来设备。
- 节约成本。
缺点:
- 兼容性 不兼容低版本浏览器
- 移动带宽增多
- 加载事件长、无用代码太多。