美文网首页
自适应banner高度

自适应banner高度

作者: Felice_Pesce | 来源:发表于2017-06-19 14:30 被阅读0次

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

相关文章

网友评论

      本文标题:自适应banner高度

      本文链接:https://www.haomeiwen.com/subject/kabgqxtx.html