响应式布局

1、CSS中的Media Query（媒介查询）

      设备宽高：device-width, device-height

      渲染窗口的宽和高： width， height

      设备的手持方向：orientation

       设备分辨率：resolution

2、使用方式：

      外联、内联 <link rel="stylesheet" href="style.css" media="only screen and (max-width:640px)">
<style>
@media screen and (min-width: 640px){
body{
background-color: antiquewhite;
}
}
</style>