首页 > 技术文章 > CSS3 根据屏幕大小显示内容(@media)

54sen 2018-02-28 16:07 原文

@media (min-width: 993px) { 
  .footer .addZ1{display:none;} 
  .footer .addZ2{display:none;} 
  .footer .addZ3{display:none;}
}
@media (max-width: 992px) {
  .footer .addS1 .one1-1{display:inline;color:#ffffff;font-size: 20px;}
  .footer .addZ1 .one1-2{display:none;color:#ffffff;font-size: 20px;}  
  .footer .Sadd1 {display:none;}
  .footer .addS2 .one1-1{display:inline;color:#ffffff;font-size: 20px;}
  .footer .addZ2 .one1-2{display:none;color:#ffffff;font-size: 20px;}
  .footer .Sadd2 {display:none;}  
  .footer .addS3 .one1-1{display:inline;color:#ffffff;font-size: 20px;}
  .footer .addZ3 .one1-2{display:none;color:#ffffff;font-size: 20px;}
  .footer .Sadd3 {display:none;}
}

推荐阅读