有没有办法在不损失图像质量的情况下调整轮播图像的大小?

时间:2019-07-08 17:20:41

标签: html css bootstrap-4

我目前在轮播中有三个图像,其中包含一个html标签:

我看过在线解决方案,但是没有用。我玩过高和宽,但最终导致图像失真

<div class="carousel-inner">
                 <div class="carousel-item active">
                     <img class="img-fluid" src="img/classic%20physique_frontshotflexed.JPG">
                     <!--Img-fluid resize image while w-100 makes it a feel screen MUST CHANGE LATER -->
                     <div class="carousel-caption">
                         <h5>My First Competition</h5>

我的预期结果是获得一个570px高度而不是自动高度大小的完美图像。我能实现的任何方式将不胜感激

2 个答案:

答案 0 :(得分:0)

https://stackoverflow.com/a/17357643/11755791 这有帮助吗?您可能必须使CSS标签更具体才能使它们被拾取。

答案 1 :(得分:0)

我要解决的图像问题是在照片编辑软件(例如photoshop或gimp)中重新配置尺寸。