美文网首页
媒体查询_flex布局_栅格系统

媒体查询_flex布局_栅格系统

作者: 鸿鹄飞天 | 来源:发表于2017-03-27 18:49 被阅读34次

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

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

    代码预览

    2.实现一个简单的栅格系统

    代码预览

    相关文章

      网友评论

          本文标题:媒体查询_flex布局_栅格系统

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