响应式

<!-- 自适应必须先加这一行 -->

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

 

 div {

        width: 200px;

        height: 200px;

        background-color: red;

    }

    /* 宽度小于600px,div隐藏 */

    @media screen and (max-width: 600px) {

        div {

            display: none;

        }

    }

    .aa {

        width: 200px;

        height: 100px;

        background-color: green;

    }

    /* 大于550px,显示 */

    @media screen and (min-width: 550px) {

        .aa {

            display: block;

        }

    }