媒体查询-栅格系统

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

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

demo

2：简单的栅格系统

Demo

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 高级8-媒体查询，栅格系统
    1.用媒体查询实现如下要求 在页面宽度> 1200px 时页面背景为红色 在页面1200px>=宽度> 900px...
    24_Magic阅读 1,937评论 0赞 0
  • 媒体查询-栅格系统
    在页面宽度> 1200px 时页面背景为红色 在页面1200px>=宽度> 900px 时页面背景为绿色 在页面...
    李永州的FE阅读 1,937评论 0赞 0
  • 媒体查询_栅格系统
    Media Queries 自适应阶段 自从有了不同屏幕的尺寸，我们就开始尝试自适应了 居中 虽然不能让所有屏幕都...
    DeeJay_Y阅读 4,198评论 0赞 0
  • 媒体查询、栅格系统
    1.用媒体查询实现如下要求 效果展示 2.实现一个简单的栅格系统效果展示 3.栅格系统bootstrap的核心就是...
    candy252324阅读 5,036评论 0赞 1
  • Java Annotations
    Java Annotations是什么 Annontation是Java5开始引入的新特征。中文名称一般叫注解。它...
    骊骅阅读 4,140评论 0赞 0