
 @media screen and (max-width: 768px ){
        /*    手机通常是双倍分辨率 当屏幕宽度最大为768px的时候
        则通常是手机端*/
           .slideshow {
                        height: 300px;
                        object-fit: cover;
                    }
        }
        @media screen and (max-width: 992px) and (min-width: 768px) {
        /*    在992和768之间的时候 通常是平板*/
           .slideshow {
                        height: 400px;
                        object-fit: cover;
                        }
        }
        @media screen and (min-width: 992px) {
        /*    屏幕最小是992 也就是大于992的时候 通常是pc端*/
            .slideshow {
                        height: 550px;
                        object-fit: cover;
                        }
        }