Html5响应式布局——Media Query

使用Media Query (媒介查询)来实现响应式布局。

1. CSS中的Media Query
   设备宽高： device-width, device-height
   渲染窗口的宽和高： width, height
   设备的手持方向： orientation
   设备的分辨率： resolution
2. 使用方法
   外联
   内嵌样式

3、简单举例：
index.html:

---

style.css:

*{
margin: 0px;
padding: 0px;
}
body{
background-color: aqua;
}