myBlogs_2/docs/css/cases/01_.md

• 媒体查询

  /*常用案例展示,其他案例暂时不做过多记录
  screen:用于 电脑 平板 手机端
  and 后跟最大宽度500px
  表示只有满足 screen 和 最大宽度是500px 的情况下,才会执行的css语句
  */
  @media only screen and (max-width: 500px) {
  .gridmenu {
      width:100%;
  }
  
  .gridmain {
      width:100%;
  }
  
  .gridright {
      width:100%;
  }
  }