媒体查询~~~~根据网页窗口大小改变颜色

来源：互联网发布：蜂巢网络与无人机编辑：程序博客网时间：2024/06/06 15:53

媒体查询—-变色测试

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>        <style>            .a{                border: 1px solid #000000;                width: 100px;                height: 100px;                background-color: #000000;            }            @media only screen and (min-width: 300px) and (max-width: 640px) {                .a{                    background-color: red;                }            }            @media only screen and (min-width: 700px) {                .a{                    background-color: green;                }            }            @media only screen and (max-width:200px ) {                .a{                    background-color: blue;                }            }        </style>    </head>    <body>        <div class="a"></div>    </body></html>

阅读全文

0 0