html 媒体查询

最新推荐文章于 2024-06-28 17:35:49 发布

Mr_gxj

最新推荐文章于 2024-06-28 17:35:49 发布

阅读量1k

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/Mr_gxj/article/details/53044654

版权

HTML 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!-- 设置颜色随着窗口的大小而变换-->
    <!-- 有先后顺序 如果min-width的话，显示顺序从上往下，所以大小设置应该从小到大-->
    <!-- 如果是max-width 大小设置应该是从大到小-->
    <style>
        body{
            background-color:red;
        }

        @media all and (min-width: 500px) {
            body{
                background-color: #4e5bff;
            }
        }

        @media all and (min-width: 700px) {
            body{
                background-color: #c215ff;
            }
        }
    </style>
<style>
        body{
            background-color:red;
        }

        @media all and (max-width: 700px) {
            body{
                background-color: #4e5bff;
            }
        }

        @media all and (max-width: 500px) {
            body{
                background-color: #c215ff;
            }
        }
    </style>

 </head><body></body>

Mr_gxj

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html 媒体查询

style> body{ background-color:red; } @media all and (min-width: 500px) { body{ background-color: #4e5bff; } }
复制链接

扫一扫

专栏目录