css-简单的媒体查询

 1.在中等屏幕上显示 

@media (min-width: 760px) and (max-width: 1023px) {

  .conText{

  height: 40%;

}

}

2. 在大屏幕上显示

@media (min-width: 1024px)  {

  .conText{

  height: 20%;

}

.daysContent > div{

  padding-left: 10%;

  padding-top: 3% !important;

}

}

3.在小屏幕上显示 

@media (max-width: 760px) {

  .conText{

  height: 50%;

}

}