css flickity响应图像

Posted 2021-05-13

    .main-carousel {
		height: 100%;
		width: 100%;
    }
    .flickity-viewport {
		height: 100%;
    }
    .main-carousel .carousel-cell {
		height: auto;
		width: 100%;
    }
    .main-carousel .carousel-cell img {
		height: auto;
		width: 100%;
    }
    .flickity-page-dots {
		bottom: 5px;
    }
	.flickity-page-dots .dot{
		background: #000;
		opacity: .4;
	}
    .main-carousel .carousel-caption {
		top: 30%;
		right: 0;
		left: 0;
		width: 100%;
		font-size: 2rem;
		text-shadow: 2px 2px 0 rgba(0,0,0,.85);
		line-height: 1.7rem;
    }