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

Question

我目前在我的轮播中有三张图片，其中包含一个这个 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>

我的预期结果是拥有一个高度为 570 像素的完美图像，而不是自动高度大小。任何我能做到的方式都将不胜感激

标签： htmlcssbootstrap-4

Answer 1

我对这样的图像问题所做的就是在 photoshop 或 gimp 等照片编辑软件中重新配置尺寸。