美文网首页
媒体查询

媒体查询

作者: 萧雪圣 | 来源:发表于2017-07-04 14:11 被阅读14次

    题目1: 用媒体查询实现如下要求

    1. 在页面宽度> 1200px 时页面背景为红色 
    2. 在页面1200px>=宽度> 900px  时页面背景为绿色
    3. 在页面900px>=宽度> 600px  时页面背景为黄色
    4. 宽度<=600px 背景为灰色
    
    <!-- link元素中的CSS媒体查询 -->
    <link rel="stylesheet" media="(max-width: 800px)" href="example.css" />
    
    <!-- 样式表中的CSS媒体查询 -->
    <style>
    @media (max-width: 600px) {
      .facet_sidebar {
        display: none;
      }
    }
    </style>
    

    Demo

    相关文章

      网友评论

          本文标题:媒体查询

          本文链接:https://www.haomeiwen.com/subject/tguacxtx.html