响应式布局实例 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .c1{
            background-color: red;
            height: 60px;
        }
        @media (min-width: 1000px) {
            .c2{
                background-color: black;
                height: 100px
            }
        }
    </style>
</head>
<body>
     <div class="c1 c2">1213</div>
</body>
</html>

　　

posted @ 2018-04-27 23:58  梦中琴歌  阅读(140)  评论(0)    收藏  举报