大小屏幕

周大胖子

1.   /* 小屏幕（平板，大于等于 768px） */
2.         @media (min-width:768px){
3.    .z_logo{
4.     height:22px;
5.   }
6.         }
8.         /* 中等屏幕（桌面显示器，大于等于 992px） */
9.         @media (min-width:992px){
10.    .z_logo{
11.       height:23px;
12.    }
13.         }
15.         /* 大屏幕（大桌面显示器，大于等于 1200px） */
16.         @media (min-width:1200px){
17.    .z_logo{
18.       height:24px;
19.     }
20.         }

复制代码

周大胖子

先小后大：  注意  手机端屏幕就是默认状态。  这上一个代码全写在所有CSS的后面