scss 上诉列表轮播内容经常突破其容器,所以这里有一些CSS给它一个最小高度。需要根据需要进行调整

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss 上诉列表轮播内容经常突破其容器,所以这里有一些CSS给它一个最小高度。需要根据需要进行调整相关的知识,希望对你有一定的参考价值。

@media screen and (min-width: $mobile-breakpoint) {
	$minAppealCarouselHeight: 500px;

	.appealListingPage {
		.carouselSlide {
			min-height: $minAppealCarouselHeight;
			> a {
				display: block;
				width: 100%;
				height: 100%;
				min-height: $minAppealCarouselHeight;

				> img {
					width: 100%;
					height: auto;
					min-height: $minAppealCarouselHeight;
				}
			}
		}
	}
}

以上是关于scss 上诉列表轮播内容经常突破其容器,所以这里有一些CSS给它一个最小高度。需要根据需要进行调整的主要内容,如果未能解决你的问题,请参考以下文章

使用sass random 函数随机分配cdn hostname

scss Matrix YouTube API视频轮播

scss Matrix YouTube API视频轮播

scss Matrix YouTube API视频轮播

scss 设置'视频无横幅'轮播布局样式

使用ivx的可滑动容器制作消息列表的一些经验总结