多分辨率

最新推荐文章于 2023-04-09 00:18:03 发布

开心麻薯

最新推荐文章于 2023-04-09 00:18:03 发布

阅读量207

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/sx0809/article/details/101976727

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>

<html>



<head>

    <meta charset="utf-8">

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

    <title>Flexbox align 0 — starting code</title>

    <style>



@media screen and (min-width: 300px) and (max-width:1200px) {

    div {

         background-color:green;

    }

}



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

    div {

         background-color:red;

    }

}

       

    </style>

</head>



<body>



    <div class="demo">



        <div class="inner">



            <p>这是一个测试这是一个测试这是一个测试这是一个测试这是一个测试</p>



        </div>



    </div>

</body>



</html>