【css】响应式布局 @media媒介 适配平板手机

// 大型设备（大台式电脑，1200px 起）
@media screen and (min-1200px) {
  //...
}

// 中型设备（台式电脑，992px 起）
@media screen and (min-992px) and (max-1200px) { 
  //...
}

// 小型设备（平板电脑，768px 起）
@media screen and (min-768px) and (max-992px) {
  //...
}

// 超小设备（手机，小于 768px）
@media screen and (max-768px) {
  //...
}