要添加响应式布局

/* 响应式布局 */

        @media (max-width: 768px) {

 .carousel {

                height: 300px;

                margin-bottom: 30px;

            }

            .carousel .item {

                height: 300px;

            }

            .carousel img {

                min-height: 300px;

            }

}

尝试给他们加个定位然后让他们根据浏览器 margin：auto；