如何固定自定义轮播的大小

Posted 2023-03-25

【中文标题】如何固定自定义轮播的大小

【英文标题】：How can i fix the size for my custom carousel

【发布时间】：2022-01-20 00:22:44

【问题描述】：

我尝试将图像轮播添加到我的模态框，但轮播会针对不同的图像尺寸改变尺寸

【参考方案1】：

您可以使用 css 为您的轮播设置固定高度，以便轮播框始终保持相同大小：

. carousel
  height:400px;
  width:300px;

或者你可以用同样的方式为你在轮播中使用的每张图片设置高度和宽度

. carousel_image
  height:400px;
  width:300px;

【参考方案2】：

试试下面的代码：

<ngb-carousel>
<ng-template ngbSlide>  
<img src="https://d2g9wbak88g7ch.cloudfront.net/bannerimages/46_inr.png" style="height:300px;width:100%">
</ng-template>  
</ngb-carousel>  

【讨论】：

如果您想保留图像的纵横比，也可以使用适合对象的样式。