Question

它放大到图像中的一个区域是否可以改变它放大的位置？

是的，我知道正确的分辨率会更好，但我不知道旋转木马的最佳分辨率。

以下是您可以看到的小提琴的链接。 https://jsfiddle.net/rmbeo4oh/

<div class="carousel-inner">
    <div class="carousel-item active">
        <img class="d-block w-100" src="wpimages/received_10214620274008052.jpeg" alt="First slide">
    </div>
</div>

Answer 1

最好的解决方案是使用像Photoshop这样的东西来根据你的需要削减资产，但如果这不是一个选项，你可以使用CSS变换。

我假设您只对调整垂直对齐感兴趣，因为旋转木马中的图像设置为100％宽度。创建一些辅助类（即.pull-20）或向图像添加描述性类名（即.security-camera）并进行相应调整：

<img class="d-block w-100 security-camera" src="wpimages/received_10214620274008052.jpeg" alt="First slide">

.security-camera {
    transform: translateY(-20%);
}

https://jsfiddle.net/rmbeo4oh/1/

Bootstrap 4 - Carousel自动放大图像的一部分以使其适合有没有办法改变它？

1 个答案: