美文网首页
媒体查询-栅格系统

媒体查询-栅格系统

作者: 曾祥辉 | 来源:发表于2017-11-13 13:47 被阅读0次

    1： 用媒体查询实现如下要求

    1. 在页面宽度> 1200px 时页面背景为红色
    2. 在页面1200px>=宽度> 900px 时页面背景为绿色
    3. 在页面900px>=宽度> 600px 时页面背景为黄色
    4. 宽度<=600px 背景为灰色

    demo

    2：简单的栅格系统

    Demo

    相关文章

      网友评论

          本文标题：媒体查询-栅格系统

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

          延伸阅读

          深度阅读

          • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

          栏目导航

          热点阅读

          关于我们|服务条款|联系我们|媒体查询-栅格系统|投稿指南|网站地图|RSS订阅|排版工具|手机版

          提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

          Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网 版权所有

          备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

          本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

          所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！