首页 > 其他 > 详细

媒体查询

时间:2020-04-15 21:45:41      阅读:90      评论:0      收藏:0      [点我收藏+]
 媒体查询:由设备类型、监测设备特性表达式构成。

 

    语法:
        @media 设备类型[all\screen]  and (条件表达式){
            css样式
        }



    注:and两侧必须有空格
        not放在设备类型的前面(反向选择【排除某个范围】)
 
  媒体查询:做样式微小调整
        例如:
            浮动
            显示隐藏
            文本大小
            宽高
eg:
  header{
            background:orange;
        }
        h1{
            color:red;
        }
        h2{
            color:blue;
        }



        @media all and (min-width:1024px){
            h2{
                display:none;
            }
        }
        @media all and (max-width:1023px){
            h1{
                display:none;
            }

        }

当宽度大于等于1024的时候技术分享图片

当宽度小于1024的时候

技术分享图片

媒体查询

原文:https://www.cnblogs.com/lierqaq/p/12708634.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!