有一个首页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;
}
}
