正文

@media 媒体查询,一定宽度时,隐藏指定盒子

米耀华 V管理员 /2021-11-21 /0 评论 /491 阅读

1121

 <style>
        .main {
            display: flex;
        }

        .a {
            width: 500px;
            height: 500px;
            background-color: pink;
        }

        .b {
            width: 500px;
            height: 500px;
            background-color: skyblue;
        }

        @media screen and (max-width:900px) {
            .a {
                display: none
            }
        }
    </style>
</head>

<body>
    <div class="main">
        <div class="a"></div>
        <div class="b"></div>
    </div>
</body>

转载请注明出处：米耀华博客