近日做网站项目发现使用bootstrap轮播图在ipad显示模式下，高度只显示了一半没有完整填充整个屏幕，并且图片宽高被挤压了，然后研究了下，贴出适配代码分享出来
1 @media (min-width: 768px) and (max-width:1280px) { 2 .c-feature,.c-feature__slider,.carousel,.carousel-inner,.carousel-item { 3 height: 100% !important; 4 } 5 .w-100 { 6 height: 100% !important; 7 } 8 .carousel-item img { 9 object-fit: cover; 10 } 11 }