周大胖子 发表于 2018-5-9 11:49:49

大小屏幕

/* 小屏幕（平板，大于等于 768px） */
      @media (min-width:768px){
   .z_logo{
    height:22px;
}
      }

      /* 中等屏幕（桌面显示器，大于等于 992px） */
      @media (min-width:992px){
   .z_logo{
      height:23px;
   }
      }

      /* 大屏幕（大桌面显示器，大于等于 1200px） */
      @media (min-width:1200px){
   .z_logo{
      height:24px;
    }
      }

周大胖子 发表于 2018-5-9 11:50:52

先小后大：注意手机端屏幕就是默认状态。这上一个代码全写在所有CSS的后面
页: [1]
查看完整版本: 大小屏幕