自适应banner高度

有一个首页banner图

• 当默认情况时高度为560像素。
• 当屏幕小于991像素时（平板）高度调整为460像素。
• 当屏幕小于767像素时（移动端）高度调整为292像素。

.banner {
  height: 560px;
  overflow: hidden;
}

@media (max-width: 991px) {
  .banner {
    height: 460px;
  }
}

@media (max-width: 767px) {
  .banner {
    height: 292px;
  }
}