自适应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;
  }
}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容