响应式布局

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>